Porozmawiaj z nami na czacie

Zapytaj w grupie na Facebooku

Brakuje funkcji w WebWave?

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

Ustawienia 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ęć)

04 stycznia 2018

Wstecz

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

PANEL WEBMASTERA

ZACZNIJ TERAZ

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.

 

PANEL WEBMASTERA

LOGOWANIE

ZACZNIJ TERAZ