Co zrobić aby na twojej stronie www stworzyć tzw. lightbox czyli po kliknięciu myszą na miniaturkę pojawia się powiększenie obrazka na ciemno szarym tle, które zasłania całą stronę. Jest to ciekawy efekt, ładny i do tego ułatwia oglądanie zdjęć. Ma jednak tę wadę że zdjęć tych nie można zapisać na dysk, więc jeśli chcesz żeby oglądający pobierali sobie twoje zdjęcia musisz wybrać inny sposób.
Zależało mi na takim efekcie, żeby nie tworzyć galerii zdjęć lecz umieścić na stronie www jeden obrazek obok opisu. Po kliknięciu na ten obrazek miał się on pojawić powiększony jako lightbox. Jak to zrobić?
Efekt light box tworzy biblioteka skryptów jquery i wcale nie musisz znać java scriptu aby z niej korzystać. Wystarczy wpisać w google light box jquery aby pojawiły się strony opisujące taki efekt. Warto w tym przypadku znać angielski aby dokładnie przeczytać opis działania danego skryptu. Wystarczy dokładnie przeczytać sposób umieszczenia light boxa na stronie www i postępować wg. instrukcji. Trzeba pobrać odpowiednią bibliotekę jquery i dodać odwołanie do skryptu na stronie www. W taki sposób możesz dodać efekt ligh boxa na swoją stronę www zrobioną w prostym html.
Jeśli chcesz aby był to efekt darmowy nie masz wielkiego wyboru. Ja znalazłam tylko kilka tego typu darmowych skryptów np. http://leandrovieira.com/projects/jquery/lightbox/
W bardzo podobny sposób możesz umieścić na stronie html slider, galerię itp.
Joomla
Szukałam sposobu aby stworzyć galerię produktów w joomli. Jeden artykuł miał zawierać miniaturkę i opis produktu. Po kliknięciu na Więcej miał się pokazać opis produktu. Na początku dałam miniaturkę na górze a duże zdjęcie pod opisem. Ale wtedy to samo zdjęcie pojawiało się 2 razy. Można oczywiście ustawić tak aby joomla nie pokazywała zajawki po kliknięciu na więcej. Ale lepszym rozwiązaniem było wstawniene tylko miniaturki, która po kliknięciu wyświetlała duże zdjęcie jako light box.
zalazłam bardzo ciekawą i przydatną wtyczkę dla joomli -image resizer.
http://www.redim.de/test-imagesizer/
Wtyczka ta nie tworzy galerii lecz ułatwia skalowanie obrazków. Po wstawieniu obrazka do artykułu z dysku, klikamy na obrazek. Pojawiają się łapki do skalowania. Możemy przeciągając myszą przeskalować obrazek – zmniejszyć lub powiększyć. Następnie po zapisaniu obrazek można kliknąć i pojawi się większy jako ligh box.
Wtyczka ma objaśnienia w języku niemieckim. Niestety nie działa w google chrome.
WordPress
Czy na blogu wordpress light box się przyda? Ładnie wygląda jeśli zdjęcie otwiera się w light boxie.
Zainstalowałam wtyczke Lightbox Plus, która powoduje że zdjęcie po kliknieciu wyświetla się w postaci light boxa. Na stronie domowej wtyczki jest napisane, że link zdjęcia musi zawierać rel="lightbox[uniqueID|filename]". Jednak prawdopodobnie dotyczy to starszych wersji tej wtyczki, gdyż po zainstalowaniu wtyczki wszystkie zdjęcia otwierają się w light boxie. Chodzi oczywiście o zdjęcia, które linkują do swojej większęj wersji a nie do strony www.
Podsumowując – zawsze uważałam takie efekty za zbyteczne wodotryski – bo w końcu liczy się kontent. Ale jednak ludziom się one podobają, upiększają stronę. Slider może działać jako reklama, gdy przedstawia najciekawsze wpisy na blogu.
Incoming search terms:
- lightbox
- efekt lightbox
- lightbox jak zrobić
- spacja html
- powiększanie zdjęć joomla
- lightbox jak zapisac zdjęcie
- lightbox jquery
- lightbox na stronie
- jquery wyświetlanie dużego zdjęcia po kliknięciu na miniaturkę
- jak zrobić lightbox na stronie internetowej
Related posts:
- Jak zrobić zdjęcie profilowe na Facebooku Na Facebooku warto mieć ładne, duże zdjęcie profilowe. Taka grafika powinna mieć 180×540 pixeli. Można je zrobić w jakimkolwiek programie...
Wpisz komentarz