Nie udało Ci się znaleźć rozwiązania?
W kreatorze stron www WebWave lightbox jest bardzo zbliżony funkcjonalnością do galerii zdjęć z tą różnicą, że zdjęcia prezentowane są w nieco inny sposób. W tym poradniku dowiesz się jak założyć stronę internetową z efektownym lightboxem.
Dodawanie elementu lightbox do strony
Rozmiar elementu lightbox
Dodawanie zdjęć do elementu lightbox
Usuwanie zdjęć z element lightbox
Zmiana kolejności wyświetlanych zdjęć w elemencie lightbox
Dodawanie lightboxa do strony www
Aby dodać element lightbox, w kreatorze stron www kliknij odpowiednią ikonę w menu narzędzi po lewej stronie edytora.
Następnie z menadżera plików dodaj zdjęcia, które chcesz, aby wyświetlały się w Twoim lightboxie. Jeżeli jeszcze nie ma ich w menadżerze plików, dodaj je z dysku.
Zmiana rozmiaru lightboxa
Możesz dowolnie zwiększać rozmiar elementu lightbox. Wyświetlane w nim zdjęcia będą się rozsuwać, tak aby były rozłożone symetrycznie.
Minimalny rozmiar elementu lightbox jest ograniczony przez zawarte w nim miniatury. Najmniejszy rozmiar to taki w którym widoczne są całe miniatury, ale są ze sobą ściśnięte. Jeżeli chcesz, aby lightbox był jeszcze mniejszy, możesz to zrobić, zmniejszając wymiary miniatur.
Wymiary miniatur lightboxa
Po kliknięciu na lightboxa w bocznym panelu edycji pojawi się dodatkowa karta o nazwie "Wymiary miniatur". Masz tutaj możliwość ustalić wysokość i szerokość pojedynczej miniatury. Wymiary są podawane w pikselach.'
Możesz także zdecydować, jak mają być wyświetlane miniatury w lightboxie. Zrobisz to, wybierając opcję dopasowania. "Przytnij" oznacza, że miniatura zostanie przycięta, tak aby wypełniać cały lightbox. Jeżeli wybierzesz opcję "skaluj", wtedy w miniaturach będzie widoczne całe zdjęcia, ale może ono nie wypełnić całej miniatury.
Ustawienia elementu lightbox
Po kliknięciu na lightbox w bocznym panelu edycji pojawi się dodatkowa zakładka o nazwie "Ustawienia lightboxa".
Możesz w niej ustalić następujące atrybuty:
- Obrazków w rzędzie - ile obrazków ma być wyświetlanych w rzędzie. Obrazki, które nie będą się mieścić w pierwszym rzędzie, zostaną przeniesione do następnego itd.
- Pokaż tytuł - Czy pod zdjęciami mają pojawić się ich tytuły
- Animacja miniatur - Po zaznaczeniu tej opcji miniatury zdjęc w lightboxie będą się delikatnie powiększać po najechaniu na nie myszką.
- Nie kompresuj zdjęć - Po zaznaczeniu tej opcji zdjęcia w lightboxie nie będą kompresowane podczas publikacji.
Dodawanie zdjęć do elementu lightbox
Aby dodać zdjęcie do lightboxa, zaznacz go, a następnie wybierz opcję "Edytuj zawartość".
Na górze nowo otwartego okna wybierz przycisk biblioteka mediów, następnie zaznacz zdjęcia, które chcesz dodać i kliknij "Dodaj do lightboxa" w dolnej części okna.
Więcej o menadżerze plików możesz przeczytać tutaj.
Usuwanie zdjęć z elementu lightbox
Aby usunąć zdjęcie z lightboxa, zaznacz go, a następnie wybierz opcję "Edytuj zawartość".
Wybierz zdjęcie, które chcesz usunąć i w panelu szczegóły pliku po prawej stornie kliknij "Nie pokazuj w tym lightboxie".
Zmiana kolejności wyświetlania zdjęć w elemencie lightbox
Zaznacz lightbox, w którym chcesz zmienić kolejność zdjęć następnie kliknij "Edytuj zawartość".
W otwartym oknie po prostu przeciągnij zdjęcie na liście, aby zmienić jego miejsce w lightboxie.
Lightbox (siatka zdjęć)
Ta strona została stworzona w całości przy użyciu naszego kreatora stron www WebWave. Na tej stronie wykorzystujemy ciasteczka. Dowiedz się więcej.
POZNAJ NAS BLIŻEJ W SIECI
MATERIAŁY
WEBWAVE
DLA KLIENTÓW
OFERTA
KREATOR
Porozmawiaj z nami na czacie.
KONTAKT
contact@webwavecms.com
tel. +48 731 395 898
Kreator stron www WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony www. Strona internetowa za darmo? To łatwe - zacznij już teraz.
Nie udało Ci się znaleźć rozwiązania problemu? Skontaktuj się z nami poprzez chat online lub zapytaj na naszej grupie na Facebooku.
Masz pomysł na nową funkcjonalność? Koniecznie podziel się nim z innymi.
