mslonik.pl

{slimbox off}

{slimbox_1_2 off}

Dodatek 'Slimbox Image Gallery Plugin for Joomla!' (w skrócie SIGP) w wersji 1.0 to galeria zdjęć wykorzystująca do ich wyświetlania znany i lubiany efekt Lightbox 2, który w wersji odchudzonej nosi nazwę slimbox. Prawdopodobnie ze względu na sposób wywołania (słowo 'slimbox'), dodatek funcjonował pod właśnie taką nazwą.

Przykład:

Załóżmy, że chcemy wyświetlić galerię 5 zdjęć: 'zdjecie1.jpg', 'zdjecie2.jpg', 'zdjecie3.jpg', 'zdjecie4.jpg', 'zdjecie5.jpg' oraz że te zdjęcia są w rozmiarze 1600 x 1200 punktów. Tak duży rozmiar zdjęć średnio nadaje się do prezentacji zdjęć w Internecie. Korzystniej byłoby wyświetlać zdjęcia w mniejszym rozmiarze, np. 800 x 600. Przy przeglądaniu dużej liczby zdjęć jeszcze korzystniej jest pokazać użytkownikowi najpierw miniatury zdjęć, powiedzmy w rozmiarze 200 x 150. Jeżeli użytkownik zdecydowałby, że chce któreś zdjęcie powiększyć, to mógłby to zrobić poprzez kliknięcie na którymś ze zdjęć.

Przed skorzystaniem z dodatku musimy niestety samodzielnie przerobić nasze 5 zdjęć do postaci nadającej się do publikacji w Internecie, czyli zmniejszyć nasze 5 zdjęć do rozmiarów 800 x 600 oraz 200 x 150. Jak to zrobić w GNU/Linuxie, napisałem tutaj. Istnieje wiele aplikacji graficznych, które umożliwiają wsadowe przetwarzanie obrazków, czyli automatyczne, seryjne przerabianie wybranych zdjęć. Spośród aplikacji posiadających tę funkcjonalność, działających w różnych systemach operacyjnych, wymienię choćby GIMP-a.

W wyniku tych działań uzyskamy następujące pary:

Nazwy plików w powyższej tabeli to tylko przykład. Chodzi o samą zasadę, czyli konieczność samodzielnego przygotowania zmniejszonych wersji plików z obrazkami w takich rozmiarach, w jakich mają zostać docelowo wyświetone użytkownikowi.

Dodatkowo chcielibyśmy, by pod zdjęciem wyświetlany był krótki komentarz tekstowy do zdjęcia. W efekcie na prezentację jednego zdjęcia oryginalnego złożą się trzy elemenety:

1. zdjęcie zmniejszone względem oryginału, które będzie wyświetlane jako powiększenie,
2. zdjęcie zmniejszone względem oryginału, które będzie wyświetlane jako miniatura,
3. komentarz do zdjęć

Te trzy elementy będę dalej nazywał sekcjami.

Tryby wyświetlania galerii:

• Tryb miniatur - wszystkie zdjęcia składające się na galerię są widoczne bezpośrednio w tekście danego artykułu.
• Tryb efektowy - uruchamiany po wyborze przez użytkownika któregoś ze zdjęć składających się na galerię; jednorazowo wyświetlane jest jedno zdjęcie z możliwością przejścia do kolejnego zdjęcia albo poprzez naciśnięcie odpowiedniego klawisza, albo poprzez kliknięcie myszą.

Funkcje:

1. Prosta składnia wywołania

By w treści artykułu wyświetlić galerię 'slimbox', na którą złoży się wymienione 5 zdjęć, wystarczy użyć następującego wywołania:

Wywołanie kolejnych obrazków to wywołanie sekcji oddzielonych pewnymi wyróżnionymi znakami, różniącymi się w zależności od wersji dodatku:

sekcja_obrazek1; sekcja_obrazek2; sekcja_obrazek3; sekcja_obrazek4; sekcja_obrazek5

Gdzie każda z sekcji to zbiór do trzech elementów oddzielonych od siebie przecinkami:

sciezka/dostepu/do/zdjecie_duze.jpg, sciezka/dostepu/do/zdjecie_male.jpg, opcjonalny komentarz

Przed sekcjami wystarczy dodać słowo 'slimbox', a całe wywołanie objąć nawiasem klamrowym.

Uwagi:

• Komentarze nie są obowiązkowe, więc w ogólności sekcje mogą składać się tylko z dwóch elementów: dużego obrazka i miniatury.
• Nic nie stoi na przeszkodzie, by wywołanie składało się tylko z jednej sekcji.
• Ścieżka dostępu do obrazków zaczyna się od słowa 'images' bez poprzedzającego znaku '/'.

2. Tekstowa postać wywołania

Wywołanie slimboxa składa się wyłącznie z tekstu, co powoduje, że praca nad edycją artykułów poprzez zaplecze naszej strony jest proste i szybkie, bo przeglądarka nie ściąga graficznej postaci obrazków składających się na naszą galerię, a jedynie tekst.

3. Możliwość dołączenia do zdjęć komentarza.

Komentarz jest widoczny po najechaniu kursorem na obrazek miniatury i odczekaniu krótkiej chwili lub bezpośrednio pod powiększonym obrazkiem.

4. Pełna kontrola nad wielkością i kolejnością zdjęć

Mamy pełną kontrolę nad wielkością i kolejnością zdjęć. Wielkość zdjęć zależy wyłącznie od naszych potrzeb. Zmiana kolejności zdjęć polega na zmianie kolejności sekcji, do czego wystarczy edytor tekstu.

5. Duża szybkość działania

Wiele galerii zdjęć działa w ten sposób, że pobierają informacje o tym, gdzie położone są zdjęcia w oryginalnym rozmiarze i dopiero w chwili, gdy użytkownik zaczyna przeglądać przygotowaną przez nas galerię zmieniają rozmiary zdjęć, przechowując zmniejszone kopie tymczasowo w pamięci serwera. Gdy użytkownik kończy przeglądać galerię te tymczasowe kopie są usuwane. Operacje zmniejszania rozmiaru zdjęć wymagają czasu i sporych zasobów tak pamięci jak i procesora serwera. Z punktu widzenia użytkownika czas potrzebny na zmniejszenie aktualnie oglądanych zdjęć dodaje się do czasu potrzebnego do ściągnięcia zdjęć z naszej strony. Wszystko fajnie, jeżeli naszą stronę odwiedza kilku użytkowników, a każdy z nich ogląda inną galerię. Jeżeli jednak mamy więcej odwiedzin, to może się zdarzyć, że po pierwsze, serer nie da rady szybko i sprawnie przerobić większej liczby zdjęć, a po drugie znacznie wydłuży się czas oczekiwania użytkownika na efekt tych działań.

Simbox wczytuje już przygotowane zdjęcia, czekające na serwerze. Odpada czas potrzebny na przerabianie zdjęć. Ponadto serwer jest w stanie obsłużyć wielu użytkowników jednocześnie. Można więc powiedzieć, że slimbox dobrze sprawdza się w przypadku dużych, popularnych galerii...

6. Oszczędność miejsce na serwerze

Slimbox wyświetla przygotowane przez nas wcześniej zdjęcia. Pliki zmniejszonych zdjęć często zajmują o tyle mniej miejsca od oryginałów, że w konsekwencji zajmują mniej miejsca, niż oryginały. Przykładowo zdjęcie w rozmiarze 2816 x 2112 zajmuje około 2,4 MB. To samo zdjęcie w rozmiarze 640 x 480 zajmuje około 81,6 kB, a w rozmiarze 200 x 150 zajmuje około 18,5 kB. W ten prosty sposób na jednym zdjęciu oszczędzamy około 2,3 MB na zaledwie jednym zdjęciu.

7. Możliwość przewijania zdjęć za pomocą myszy

Przejście pomiędzy kolejnymi zdjęciami składającymi się na galerię jest możliwa poprzez klikanie myszą. Wystarczy kursorem najechać na prawą lub lewą połowę aktualnie powiększonego zdjęcia. Wyświetlą się dodatkowe obrazki.

• przejście do kolejnego zdjęcia w galerii nastąpi po najechaniu kursorem myszy na prawą część aktualnie powiększonego zdjęcia i kliknięciu
• przejście do poprzedniego zdjęcia w galerii nastąpi po najechaniu kursorem myszy na lewą część aktualnie powiększonego zdjęcia i kliknięciu

8. Możliwość przewijania za pomocą klawiatury (skrótów klawiszowych)

• przejście do kolejnego zdjęcia w galerii nastąpi po naciśnięciu klawisza 'prawy kursor' (->) lub klawisza podkreślonej litery widocznej w napisie obrazka, który pojawi się po najechaniu kursorem myszy na prawą połowę zdjęcia
• przejście do poprzedniego zdjęcia w galerii nastąpi po naciśnięciu klawisza 'lewy kursor' (<-) lub klawisza podkreślonej litery widocznej w napisie obrazka, który pojawi się po najechaniu kursorem myszy na lewą połowę zdjęcia
• opuszczenie galerii nastąpi po naciśnięciu klawisza 'Esc'

Funkcja dostępna od wersji 1.2.

Zrzuty ekranów pokazujące, jak wygląda slimbox dostępne są w artykułach opisuchących poszczególne wydania dodatku.