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 - galeria zdjęć
Więcej o:
Narzędzia do tworzenia stron www
KONTAKT
contact@webwavecms.com
+48 731 395 898
Ta strona została stworzona w WebWave
Jak zrobić stronę internetową w kreatorze stron www WebWave - poradnik
PRODUKT
FIRMA
POMOC
KONTAKT
contact@webwavecms.com
+48 731 395 898
Ta strona wykorzystuje ciasteczka. Dowiedz się więcej.
