JesterBox - mini skrypt typu "lightbox" na samym CSS

Question

Częstujcie się, bo jak widzę, jak do prostych rzeczy ludzie biorą skrypty ważące po 20KB + jQuery, to mi się płakać chce.

http://schizohatter.tk/stuff/jesterbox/JesterBox.html

Dla chcącego można dorzucić na każdym zdjęciu strzałki do kolejnego/poprzedniego zdjęcia, ale wygeneruje to dużo niepotrzebnego kodu HTML. Gdy generujemy kod za pomocą backendu, to niby nie problem, ale wiadomo - nadal to dużo niepotrzebnego HTML.

Taka uwaga - zdjęcia duże są w kodzie od począku i wszystkie wczytywane są jeszcze zanim zostaną wyświetlone, co może negatywnie wpłynąć na user-experience, gdyż strona będzie się bardzo długo wczytywać przy dużej ilości zdjęć. W związku z tym proponuję wrzucić klasę .JesterBox na sam koniec kodu, aby dać szansę się wczytać przynajmniej części treści (też zależy od ustawień przeglądarki, czy czeka na załadowanie całości, czy wyświetla z biegu).

Answer 1

Kolego bardzo fajny pomysł i szacun za ogarnięcie w samym CSS. Jednak na dłuższą metę (>15 ładnych zdjęć), moja strona ze sliderem jako bannerem topi się w TCP... Kłania się dynamiczne pobieranie. 

Comments

Tak naprawde to wydaje mi się, że co prawda nie nadaje się to na galerię fotograficzną, ale jako powiększacz miniaturek obrazków, które nie muszą być w UHD, może sprawdzać się całkiem nieźle :)