Galeria YASIG
Wydanie YASIG 1.0.0
/ 0
- Szczegóły
- Utworzono: poniedziałek, 24, maj 2010 16:39
- Odsłony: 908
Jest to pierwsze, premierowe wydanie dodatku YASIG (wersja 1.0.0), który jest kontynuacją dodatku slimbox. Innymi słowy dodatek YASIG 1.0.0 zastąpił dodatek slimbox w wersji 1.2.1.
Zmiany:
- Zmiana silnika, czyli skryptu Javascript odpowiedzialnego za wyświetlanie obrazków, na wersję slimbox 1.72 specjalnie napisaną na potrzeby tego dodatku.
- Nowy silnik wykorzystuje bibliotekę JQuery zamiast biblioteki mootools.
- Nowy silnik po obfuskacji zajmuje niecałe 4 kB kodu.
- Zastąpienie obrazków na przyciskach ('Nast.', 'Poprz.', 'Zamknij') łańcuchami tekstowymi, dzięki czemu powstała możliwość zastąpienia ich dowolnie wybranymi ciągami jak i tłumaczenia (lokalizacji) dodatku na inne języki. Dodanie plików językowych (*.ini)
Inne:
5. Tak komentarze jak i same obrazki są indeksowane przez wyszukiwarkę Google.
6. Licencja skryptu js: GNU GPL wer. 3..
7. Licencja skryptu PHP: GNU GPL wer. 3.
8. Łatwa aktualizacja. Każda kolejna wersja dodatku nie będzie wymagać odinstalowania wersji poprzedniej.
Składnia wywołania:
{yasig
images/ścieżka/do/obrazka/w/pełnym/rozmiarze/obrazek1|
images/ścieżka/do/miniatury/miniatura1|
opcjonalny komentarz 1, który już może zawierać znaki znaki ; oraz ,||
images/ścieżka/do/obrazka/w/pełnym/rozmiarze/obrazek2|
images/ścieżka/do/miniatury/miniatura2|
opcjonalny komentarz 2||
images/ścieżka/do/obrazka/w/pełnym/rozmiarze/obrazek3|
images/ścieżka/do/miniatury/miniatura3|
opcjonalny komentarz||
}
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.
- Elementy sekcji muszą być oddzielane znakiem |, a sekcje znakami ||. Sekcja zawsze musi się kończyć znakami ||, bez względu na to, czy w danej sekcji użyjemy komentarza, czy nie.
- Łańcuchy znaków: | oraz || będę nazywał specjalnymi ze względu na to, że modyfikują sposób działania dodatku.
- Należy pamiętać, by w tekście komentarza nie użyć łańcuchów specjalnych, ponieważ ich użycie zaburzy działanie dodatku.
- 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 '/'.
Pomiędzy kolejnymi miniaturami składającymi się na galerię pojawiła się przerwa o wielkości 10 punktów. Dzięki temu miniatury wyglądają lepiej (Fot. 03), szczególnie w przypadku większych galerii. Uwaga! Ramki wokół zdjęć to nie jest cecha YASIG-a. Dodałem ją samodzielnie na etapie przygotowywania zmniejszonych wersji obrazków.
Fot. 03. Wygląd miniatur
Jeżeli do jakiegoś obrazka został napisany komentarz, to po najechaniu kursorem na taką miniaturę po krótkiej chwili zostanie on wyświetlony 'w dymku' (Fot. 04).
Fot. 04. Komentarz do miniatur
YASIG nie pozwala na dowolne umieszczenie obrazków miniatur. Po prostu stara się wpasować obrazki w dostępną przestrzeń. Sporo zależy od szablonu (plików CSS), które zarządzają danym fragmentem powierzchni strony. Może się zdarzyć, że w jednym wierszu zmieszczą się koło siebie 3 obrazki, a w kolejnym tylko 2. Warto zadbać o to, by w pojedynczej galerii były wyświetlane obrazki o orientacji poziomej, a w osobnej te o orientacji pionowej.
Domyślnie na obrazki nakładane są następujące ciągi:
|
Poprz. |
Nast. |
Zamknij |
Po naciśnięciu klawisza strzałka w prawo (->) przejdziemy do następnego zdjęcia w galerii, a po naciśnięciu klawisza strzałka w lewo (<-) przejdziemy do poprzedniego zdjęcia w galerii.
Po kliknięciu na wybraną miniaturę zadziała znany i lubiany efekt Lightbox 2. Strona zostanie przysłonięta szarym półprzezroczystym tłem, a na pierwszym planie zostanie wyświetlony nasz obrazek. na czerwono zaznaczyłem wybrane elementy grafiki. Po najechaniu kursorem na prawą część obrazka wyświetli się napis 'Nast.' sugerujący, że po kliknięciu galeria wyświetli kolejny obrazek. Oznaczyłem też przykładowy komentarz (Fot. 05).
Fot. 05. Powiększone zdjęcie
Na czerwono zaznaczyłem: na dole po lewej napis podający kolejność aktualnie wyświetlanego obrazku w galerii, na dole po prawej przycisk powodujący zamknięcie galerii, u góry po lewej obrazek 'Poprz.' sugerujący, że po kliknięciu przejdziemy do poprzedniego obrazka w galerii.
Fot. 04. Powiększony obrazek
Licencja
Do pobrania: dodatek YASIG wer. 1.0.0.
Sposób aktualizacji: Wystarczy zainstalować nowy dodatek.
Znane problemy:
Jeżeli mamy jednocześnie zainstalowany dodatek slimbox (np. w wersji 1.2.1), to łańcuch 'Poprz.', 'Nast.' oraz 'Zamknij' mogą się wyświetlać podwójnie, ponieważ nazwy szablonu .css dla dodatku YASIG są takie same, jak dla dodatków slimbox.
