Elektroda.pl
Elektroda.pl
X
Proszę, dodaj wyjątek www.elektroda.pl do Adblock.
Dzięki temu, że oglądasz reklamy, wspierasz portal i użytkowników.

[HTML] - LightBox - Pobieranie fotek dopiero po kliknięciu

xardas97 15 Cze 2016 23:10 924 3
  • #1 15 Cze 2016 23:10
    xardas97
    Poziom 20  

    Witam. Zamknąłem ostatni temat o LightBoxie ponieważ problem został rozwiązany.
    Oto kod którym dysponuję:

    Kod: html
    Zaloguj się, aby zobaczyć kod


    I mam do niego pytanie:

    Jak zrobić aby zdjęcia pobierały się dopiero po kliknięciu w pierwsze zdjęcie? Skrypt będzie wykorzystywany na stronie na której jest ok. 1000 zdj, i bez sensu aby pobierały się wszystkie na raz - wystarczy że pobiorą się te, których pierwsze zdjęcie zostanie kliknięte (chodzi o to że takich sekcji
    Code:
    <a href="images/1.png" data-lightbox="roadtrip">Zdjecia</a>
    
    <a href="images/2.png" data-lightbox="roadtrip"></a>
    <a href="images/3.png" data-lightbox="roadtrip"></a>
    na stronie będzie spokojnie z 300)


    Pozdrawiam

    0 3
  • Pomocny post
    #2 15 Cze 2016 23:45
    LED5W
    Poziom 32  

    xardas97 napisał:
    1. Jak zrobić aby zdjęcia pobierały się dopiero po kliknięciu w pierwsze zdjęcie?
    Bez kliknięcia raczej nic się nie pobierze. Z tego co widzę, LightBox pobiera oprócz aktualnego obrazu następny i poprzedni.

    xardas97 napisał:
    2. Druga sprawa - Jak ustawić miniaturki zdjęć?
    Kod: html
    Zaloguj się, aby zobaczyć kod
    Miniatury najlepiej generować na serwerze.

    0
  • #3 16 Cze 2016 09:01
    xardas97
    Poziom 20  

    Ślicznie dziękuję.

    A da się zrobić tak aby po kliknięciu w zdjęcie wyświetlało się ono w nie tyle określonym rozmiarze (poprzez maxWidth i maxHeight) tylko żeby automatycznie dobierało wielkość zdjęcia w zależności od tego kto ma jaką rozdzielczość ustawioną? Czy to już zbyt duża magia?

    Dodano po 15 [minuty]:

    + jak dodać (skryptem, nie w paincie :D ) po bokach zdjęć strzałki do przechodzenia do następnego zdjęcia?

    0
  • #4 16 Cze 2016 22:13
    LED5W
    Poziom 32  

    Najlepiej weź sobie cały folder dist, zmień jego nazwę na np. LightBox, bo ikony są w dist/images i według CSS muszą być w ../images.

    Co do pierwszego pytania nie bardzo rozumiem. Obraz jest ograniczany do rozmiarów okna podczas otwierania.

    0