piątek, 12 lutego 2010

slimbox image gallery plugin(dodatek) do joomla instalacja i obsluga

Ostatnio męczliwym się nad wstawieniem miniaturek zdjęć do artykułów Joomla tak aby po ich kliknięciu zdjęcie powiększało się w centrum ekranu. (tak jak tutaj: Przykład )

Postaram się opisać jak najprzystępniej jak mi się to udało.
Jak w tytule najlepszym dla mnie rozwiązaniem okazał się dodatek
Slimbox Image Gallery dla Joomla 1.5.
można go pobrać tutaj; Slibbox
Następnie logujemy się do naszego panelu administracyjnego joomla i instalujemy dodatek:
Wchodzimy rozszerzenie-->instalator-> klikamy przeglądaj i podajemy ściągnięty plik z dodatkiem --> zostaje tylko kliknąć wczytaj plik i zainstaluj.

Jak już wyświetli się nam komunikat o poprawnie zainstalowanym dodatku musimy go teraz włączyć ( wszystkie dodatki po zainstalowaniu są nieaktywne)
Wchodzimy rozszerzenie-->dodatki-> szukamy naszego Content - Slimbox a następnie klikamy na czerwony x przy nim tak aby zmienił się na zielony ptaszek.

Następnie musimy dodać dwie linijki tekstu do naszego szablonu ( nic trudnego)
wchodzimy rozszerzenia -->szablony--> wybieramy nasz aktualny szablon i klikamy na niego.

Następnie w prawym górny rogu klikamy ikonkę edytuj HTML.
W widocznym kodzie HTML należy wkleić pomiędzy head a /head to:



>script type="text/javascript" src="js/mootools.js"<>/script<
>script type="text/javascript" src="js/slimbox.js"<>/script<



jeśli nie koniecznie znasz html poszukaj miejsca gdzie jest < /html > i wklej to tuz nad nim. Zapisujemy i teoretycznie to już wszystko.

Zostaje tylko metoda dodawania zdjęć do artykułów a załatwi to nam poniższa instrukcja wklejana do do kodu html artykułu.

< href="http://www.blogger.com/images/nazwa pliku.jpg" rel="lightbox" title="my caption">pokaż zdjęcie< /a >

gdzie:
http:// jest adresem do konkretnego zdjęcia
pokaż zdjęcie jest linkiem do wyświetlenia forki.

Dla stworzenia malej galerii generujemy
< a href= images/image-1.jpg" rel="lightbox-atomium">image #1
< a href= images/image-2.jpg" rel="lightbox-atomium">image #2
< a href= images/image-3.jpg" rel="lightbox-atomium">image #3


Żródło: http://www.digitalia.be/software/slimbox

Brak komentarzy:

Prześlij komentarz