• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

JesterBox - mini skrypt typu "lightbox" na samym CSS

Aruba Cloud - Virtual Private Server VPS
+3 głosów
371 wizyt
pytanie zadane 2 września 2015 w Nasze projekty przez Schizohatter Nałogowiec (39,600 p.)
edycja 2 września 2015 przez Schizohatter
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).

1 odpowiedź

0 głosów
odpowiedź 2 września 2015 przez Ehlert Ekspert (214,940 p.)

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. frown

komentarz 2 września 2015 przez Schizohatter Nałogowiec (39,600 p.)
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 :)

Podobne pytania

0 głosów
1 odpowiedź 562 wizyt
pytanie zadane 29 lipca 2018 w JavaScript przez bicnet Gaduła (4,800 p.)
0 głosów
0 odpowiedzi 793 wizyt
pytanie zadane 10 lutego 2019 w HTML i CSS przez GaryNJ Nowicjusz (240 p.)
0 głosów
0 odpowiedzi 163 wizyt
pytanie zadane 10 października 2019 w HTML i CSS przez livinsky Nowicjusz (230 p.)

93,326 zapytań

142,323 odpowiedzi

322,391 komentarzy

62,655 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...