Jak dodać Lightbox na obrazie

Lightbox to specjalny mechanizm (skrypt) stosowany na stronach internetowych, który umożliwia wyświetlenie powiększonej wersji obrazu w oknie pop-up na środku ekranu na  przyciemnionym tle. Lightbox działa po kliknięciu na miniaturę obrazu.

Kluczowe cechy lightboxa:

• Powiększanie obrazów: Po kliknięciu na miniaturę, lightbox wyświetla obraz w pełnej rozdzielczości, co pozwala użytkownikowi na lepsze jego obejrzenie.
• Przyciemnione tło: Reszta strony zostaje przyciemniona lub wygaszona, aby skupić uwagę użytkownika na wyświetlanym elemencie.
• Łatwe zamykanie: Lightbox zazwyczaj można zamknąć klikając przycisk "X", klikając poza obszar lightboxa lub używając przycisku "Escape".
• Obsługa galerii: Lightboxy dostępne są w galeriacj, co oznacza, że użytkownik może przeglądać kolejne obrazy za pomocą przycisków "Dalej" i "Wstecz".
• Optymalizacja przestrzeni: Pozwala na oszczędzenie miejsca na stronie, ponieważ obrazy mogą być wyświetlane jako miniatury, które rozwijają się dopiero po kliknięciu.

Obraz zaprezentowany w galerii przed kliknięciem:

lightbox galeria zdjęć<br>

Obraz po kliknięciu w niego:

lightbox obraz przykład<br>

Jak aktywować Lightbox na pojedynczym zdjęciu?

Aby dodać efekt Lightbox na obrazie:

1. Kliknij obraz i wejdź w jego ustawienia w Inspektorze.

2. Wybierz opcję "Lighbox w polu "Link na obrazie".

ustawienia obrazu lightbox<br>

3. Zapisz i opublikuj witrynę.

Jak aktywować Lightbox w galerii zdjęć?

Jeśli masz na stronie galerię zdjęć to Lightbox uruchamiany jest dla wszystkich zdjęć w tej galerii automatycznie. Efekt: po kliknięciu w zdjęcie powiększy się ono na cały ekran i będzie można przechodzić między zdjęciami w galerii klikając strzałki przyciski "Dalej" i "Wstecz".

Lightbox na zdjęciu<br>

1. Kliknij galerię i przejdź do jej ustawień.

2. Zaznacz "Lightbox". Wybierz efekt, jaki chcesz uzyskać po najechaniu kursorem na zdjęcia.

3. Zapisz i opublikuj stronę.

Jak aktywować Lightbox dla zdjęcia głównego wpisu?

Funkcjonalność ta jest przydatna gdy używasz funkcjonalności bloga jako portfolio. Każda praca zaprezentowana jest wtedy na osobnej stronie (podobnie jak wpisy blogowe) i zdjęcie główne możesz powiększyć wtedy na cały ekran.

1. Przejdź do szablonu wpisu.

2. Kliknij zdjęcie główne i przejdź do jego ustawień.

3. Zaznacz opcję "Lightbox" jako Link na obrazie.