Galeria YASIG
Galeria YASIG (polski)
- Szczegóły
- Utworzono: sobota, 11, grudzień 2010 13:44
- Odsłony: 5347
Jak każdy inny rodzaj treści, także galeria zdjęć służy do wymiany informacji pomiędzy:
- Autorem - twórcą strony internetowej, a
- Użytkownikiem - osobom odwiedzającą stronę Autora.
Galeria zdjęć YASIG służy do:
- przygotowania zdjęć, z których autor tworzy galerię,
- prezentacji zdjęć osobom odwiedzającym naszą witrynę.
Przygotowanie zdjęć wymaga od Autora:
1. Wyboru zdjęć, z których chcemy stworzyć galerię.
2. Przygotowanie zdjęć w rozmiarze normalnym oraz miniatur.
3. Wgrania zdjęć na serwer J!
4. Wstawienie do treści artykułu wywołania galerii YASIG.
5. Ewentualnie przygotowania opisów do zdjęć.
Prezentacja zdjęć w treści artykułu Użytkownikowi:
6. Polega na wyświetlaniu użytkownikowi miniatur zdjęć.
7. Po kliknięciu na miniaturę wyświetla się zdjęcie powiększone wraz z ewentualnym opisem do zdjęcia oraz elementami sterującymi, pozwalającymi na przechodzenie pomiędzy kolejnymi zdjęciami galerii.
Funkcje galerii YASIG:
- Prosta składnia wywołania (patrz p. 4).
- Tekstowa postać wywołania.
Wywołanie składa się wyłącznie z tekstu, co powoduje, że praca nad edycją galerii jest proste i szybkie, bo przeglądarka nie ściąga graficznej postaci obrazków składających się na naszą galerię, a jedynie tekst.
- Możliwość dołączenia do zdjęć komentarza.
Użytkownik zobaczy komentarz po krótkiej chwili po najechaniu kursorem na miniaturę oraz bezpośrednio pod zdjęciem w rozmiarze normalnym.
- 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.
- 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ń.
YASIG 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...
- 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.
- 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.
- 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'.
- Indeksowanie nazw plików obrazków i komentarzy przez wyszukiwarkę Google
Sposób instalacji
Logujemy się na zaplecze naszej witryny:
http://adres_naszej_witryny.rozszerzenie/administrator

Przechodzimy do menedżera rozszerzeń: menu -> Rozszerzenia -> Zainstaluj.
W sekcji Instaluj z pakietu naciskamy przycisk "Przeglądaj" i wskazujemy położenie pakietu plg_yasig_J1.5-1.x.x.zip. Wciskamy przycisk Wczytaj Plik & Zainstaluj.

Po chwili wyświetlony zostanie na niebieskim tle komunikat informujący o prawidłowym przebiegu procesu instalacji Zainstaluj Dodatek: Powodzenie oraz poniżej podstawowe informacje dotyczące sposobu działania wraz ze wskazówkami dotyczącymi sposobu uzyskania pomocy.

Ostatni etap polega na włączeniu nowo zainstalowanego dodatku. W tym celu wybieramy: menu -> Rozszerzenia -> Dodatki.
Z rozwijalnej listy - Wybierz typ - widocznej po prawej stronie wybieramy content. Klikamy w kolumnie Włączony tak, by uzyskać zielony piktogram potwierdzający włączenie dodatku.

Przed włączeniem...

...i po włączeniu
Sprawdzenie poprawności instalacji
W celu sprawdzenia, czy konfiguracja przebiegła prawidłowo, użytkownik może wybrać
menu -> Roszerzenia -> Dodatki
a następnie rozwijalnej listy widocznej po prawej stronie wybrać typ content, by wreszcie odszukać na liście pozycję YASIG.

Konfiguracja YASIG
Panel konfiguracyjny dodatku YASIG jest dostępny po zalogowaniu na zaplecze. Następnie należy wybrać z menu: Rozszerzenia -> Dodatki, a następnie kliknąć w kolumnie Nazwa dodatku na YASIG.
Po prawej stronie zostanie wyświetlony następujący panel konfiguracyjny:

Zapętl zdjęcie
Opis dostępny po najechaniu kursorem na etykietę parametru: "Pozwala przechodzić pomiędzy ostatnim i pierwszym zdjęciem oraz na odwrót".
Wartość domyślna: NIE.
Opis: Wybór możliwości TAK spowoduje, że po przewinięciu zawartości galerii do ostatniego zdjęcia po naciśnięciu przycisku 'Nast.' wyświetli się ponownie pierwsze zdjęcie galerii.
Stopień przyciemnienia
Opis dostępny po najechaniu kursorem na etykietę parametru: "Jak bardzo przyciemnione ma być tło podczas wyświetlania obrazka (0 - w ogóle, 1 - całkowicie).
Wartość domyślna: 0.8
Opis: Po kliknięciu na dowolną miniaturę tło strony zostaje przysłonięte (przyciemnione), a na pierwszym planie zostaje wyświetlony obrazek w tzw. pełnym rozmiarze. Parametr 'stopień przyciemnienia' decyduje o przezroczystości przysłonięcia (przyciemnienia).
Kolor tła
Opis dostępny po najechaniu kursorem na etykietę parametru: Kolor tła obrazka
Wartość domyślna: #000000 (czarny)
Opis: Kolor tła obrazka. Do wyboru są kolory dostępne z rozwijalnej listy: czarny, czerwony, różowy, żółty, zielony, jasnoniebieski, niebieski, biały.
Górny margines
Opis dostępny po najechaniu kursorem na etykietę parametru: Górny margines
Wartość domyślna: 0
Opis: dla widoku miniatur, możliwość wyboru (w punktach / pikselach) wielkości marginesu pomiędzy górną krawędzią miniatury, a treścią poprzedzającą.
Prawy margines
Opis dostępny po najechaniu kursorem na etykietę parametru: Prawy margines
Wartość domyślna: 10
Opis: dla widoku miniatur, możliwość wyboru (w punktach / pikselach) wielkości marginesu pomiędzy prawą krawędzią miniatury, a treścią poprzedzającą.
Dolny margines
Opis dostępny po najechaniu kursorem na etykietę parametru: Dolny margines
Wartość domyślna: 10
Opis: dla widoku miniatur, możliwość wyboru (w punktach / pikselach) wielkości marginesu pomiędzy dolną krawędzią miniatury, a treścią poprzedzającą.
Lewy margines
Opis dostępny po najechaniu kursorem na etykietę parametru: Lewy margines
Wartość domyślna: 0
Opis: dla widoku miniatur, możliwość wyboru (w punktach / pikselach) wielkości marginesu pomiędzy lewą krawędzią miniatury, a treścią poprzedzającą.
Napis 'Nast'
Wartość domyślna 'Nast.'.
Opis: Tekst wyświetlany w obszarze przycisku służącego do wyświetlenia kolejnego zdjęcia galerii.
Napis 'Poprz'
Wartość domyślna 'Poprz.'.
Opis: Tekst wyświetlany w obszarze przycisku służącego do wyświetlenia poprzedniego zdjęcia galerii.
Napis 'Zamknij'
Wartość domyślna 'Zamknij'.
Opis: Tekst wyświetlany w obszarze przycisku powodującego zakończenie wyświetlania zdjęć w rozmiarze normalnym.
Napis 'Obrazek'
Wartość domyślna 'Obrazek'.
Opis: Tekst wyświetlany w obszarze bezpośrednio pod zdjęciem w rozmiarze normalnym.
Napis 'Z'
Wartość domyślna 'Z'.
Opis: Tekst wyświetlany w obszarze bezpośrednio pod zdjęciem w rozmiarze normalnym.
Dzięki parametrom dotyczącym marginesów pojawiła się możliwość zmiany odległości między miniaturami. Miniatury wyglądają lepiej, szczególnie w przypadku większych galerii. Uwaga! Ramki wokół zdjęć nie zostały wykonane przez kod dodatku. Dodałem je samodzielnie na etapie obróbki obrazków pełniących rolę miniatur.
Ad. 1. Wybór zdjęć, z których chcemy stworzyć galerię
W praktyce zadanie polega na wyborze określonych plików. Preferowane typy plików: .JPG oraz .PNG. Najczęściej zdjęcia mają sporą liczbę punktów (zajmują spory obszar ekranu) i są dosyć dużymi plikami (np. ponad jeden megabajt na zdjęcie).
Do celów prezentacji zdjęć w Internecie typowo wystarczy, jeżeli zdjęcia będą miały znacznie mniejszy rozmiar, np. 800 x 600 punktów (pikseli). Dzięki temu pliki zdjęć są mniejsze, a więc zajmują mniej miejsca na serwerach. Za miejsce na serwerze najczęściej płacimy, więc wskazane jest ograniczenie objętości plików.
Galeria YASIG posługuje się trzema rozmiarami zdjęć:
a. Zdjęciami w rozmiarze oryginalnym, typowo znacznie większym od docelowego rozmiaru, który będziemy prezentowali użytkownikowi odwiedzającemu naszą stronę.
b. Zdjęciami w rozmiarze normalnym, czyli takim, jaki będziemy prezentowali użytkownikowi odwiedzającemu naszą stronę.
c. Zdjęciami w miniaturze, które pozwolą użytkownikowi odwiedzającemu naszą stronę szybko wyrobić sobie pogląd na temat wszystkich zdjęć składających się na galerię.
Przykład:
Użytkownik chce stworzyć galerię złożoną z następujących zdjęć:
| Przykładowa nazwa zdjęcia oryginalnego | Przykładowy rozmiar zdjęcia oryginalnego |
| zdjecie1.jpg | 1600 x 1200 |
| zdjecie2.jpg | 1600 x 1200 |
| zdjecie3.jpg | 1600 x 1200 |
| zdjecie4.jpg | 1600 x 1200 |
| zdjecie5.jpg | 1600 x 1200 |
Tab. 1. Zdjęcia w rozmiarze oryginalnym
Ad. 2. Przygotowanie zdjęć w rozmiarze normalnym oraz miniatur.
W tym kroku za pomocą dowolnych rozwiązań technicznych przetwarzamy zdjęcia oryginalne w zdjęcia w rozmiarze normalnym oraz miniatury (Tab. 2).
Spośród różnych rozwiązań technicznych służących do automatycznej, masowej zmiany rozmiarów zdjęć (tzw. przetwarzanie wsadowe) wymienię następujące:
- Przygotowane specjalnie dla J! i galerii YASIG rozszerzenia yasiguncle. Uwaga! Wykorzystanie tego narzędzia zakłada, że zdjęcia zostały już umieszczone na serwerze J!, patrz p. 3.
- Skrypty działające w powłoce Bash (Linux).
- Aplikację GIMP.
- I wiele, wiele innych.
Przykład:
| Przykładowa nazwy zdjęć przetworzonych |
Przykładowe rozmiary zdjęć przetworzonych |
|
zdjecie1_normalne.jpg zdjecie1_miniatura.jpg |
800 x 600 200 x 150 |
|
zdjecie2_normalne.jpg zdjecie2_miniatura.jpg |
800 x 600 200 x 150 |
|
zdjecie3_normalne.jpg zdjecie3_miniatura.jpg |
800 x 600 200 x 150 |
|
zdjecie4_normalne.jpg zdjecie4_miniatura.jpg |
800 x 600 200 x 150 |
|
zdjecie5_normalne.jpg zdjecie5_miniatura.jpg |
800 x 600 200 x 150 |
Tab. 2. Zdjęcia zmniejszone oraz miniatury
Ad. 3. Wgranie zdjęć na serwer J!
Opisanie sposobu umieszczenia zdjęć na serwerze nie jest celem tej instrkucji. Niemniej wymienione zostaną przynajmniej najpopularniejsze metody:
- Wykorzystanie silnika J! Logujemy się na zaplecze witryny i wybieramy: menu -> Media.
- Wykorzystanie serwera i konta FTP oraz tzw. menedżera FTP, np. Tux Commander (Linux), Krusader (Linux), Total Commander (M$ Windows).
- wykorzystanie rozszerzenia J! eXtplorer.
Efektem końcowym tych działań powinien być katalog zawierający zdjęcia w rozmiarze normalnym oraz miniatury.
Przykład:
/img/stories/NaszaNowaGaleria
|-> zdjecie1_normalne.jpg
|-> zdjecie1_miniatura.jpg
|-> zdjecie2_normalne.jpg
|-> zdjecie2_miniatura.jpg
|-> zdjecie3_normalne.jpg
|-> zdjecie3_miniatura.jpg
|-> zdjecie4_normalne.jpg
|-> zdjecie4_miniatura.jpg
|-> zdjecie5_normalne.jpg
|-> zdjecie5_miniatura.jpg
Ad. 4. Wstawiamy do treści artykułu wywołanie galerii YASIG.
Logujemy się na zaplecze naszej strony www. Wybieramy (lub tworzymy) artykuł, w którym ma znaleźć się galeria składająca się z wcześniej wybranych i przygotowanych przez nas zdjęć. W treści artykułu wstawiamy tzw. wywołanie YASIG zgodne z podaną poniżej składnią, czyli tak na prawdę tekstu przygotowanego zgodnie z pewnymi, podanymi poniżej wymaganiami. Dzięki temu edycja galerii, np. zmiana kolejności zdjęć w galerii trwa bardzo szybko, bo po pierwsze galeria ma postać tekstu, a po drugie przesłanie tekstu trwa o wiele krócej, niż przesłanie zdjęć.
Uwaga! Istnieje prosty, elegancki sposób przygotowania wywołania galerii YASIG. Rozszerzenia yasiguncle automatycznie generują prawidłową, zgodną ze składnią, postać wywołania dla wybranych zdjęć.
Składnia wywołania galerii YASIG:
- Do wyświetlenia jednego obrazka potrzebne jest podanie do trzech argumentów oddzielonych od siebie znakiem pionowej kreski: "|". Są to:
{yasig
x1|
x2|
x3||
}
Obrazek w rozmiarze normalnym - x1, miniaturka obrazka - x2 oraz opis / komentarz - x3
{yasig
SciezkaDostepuDoZdjeciaWrozmiarzeNormalnym/ZdjecieWrozmiarzeNormalnym_01 |
SciezkaDostepuDoMiniatury/ZdjecieMiniatura_01 |
Przykładowy komentarz do Zdjecie_01 ||
SciezkaDostepuDoZdjeciaWrozmiarzeNormalnym/ZdjecieWrozmiarzeNormalnym_02 |
SciezkaDostepuDoMiniatury/ZdjecieMiniatura_02 |
Przykładowy komentarz do Zdjecie_02 ||
...
SciezkaDostepuDoZdjeciaWrozmiarzeNormalnym/ZdjecieWrozmiarzeNormalnym_n |
SciezkaDostepuDoMiniatury/ZdjecieMiniatura_n |
Przykładowy komentarz do Zdjecie_n ||
}
- Musisz podać pierwsze dwa argumenty - x1, x2. Jeżeli nie masz przygotowanej miniaturki, jako drugi argument po prostu powtórz nazwę obrazka w pełnym rozmiarze.
- Ścieżki dostępu do obrazków domyślnie zawierają ścieżkę dostępu do pliku z pominięciem początkowego ukośnika ("/") i nie powinny zawierać cudzysłowów (prawidłowo: images/fik.jpg -- nieprawidłowo: "/images/fik.jpg")
- Tekst z opisem / komentarzem do obrazka - x3 może zawierać dowolny znak oprócz znaku specjalnego |.
- Jeżeli nie chcesz jakiemuś obrazkowi nadawać opisu, lub jeżeli nie chcesz nadawać opisu wszystkim obrazkom, po prostu pomiń trzeci argument - x3, ale pamiętaj, że wtedy zamiast znaku | kończącego sekcję, musisz umieścić dwa znaki: || - ciągi opisujące kolejne obrazki galerii muszą być od siebie oddzielone sekwencją znaków "||"
- Na stronie możesz wyświetlić wszystkie miniaturki, albo tylko pierwszą. Jeżeli chcesz pokazać tylko pierwszą, dodaj słowo "single" pisane małymi literami, bezpośrednio po "{yasig".
Przykład:
{yasig
img/stories/NaszaNowaGaleria/zdjecie1_normalne.jpg |
img/stories/NaszaNowaGaleria/zdjecie1_miniatura.jpg ||
img/stories/NaszaNowaGaleria/zdjecie2_normalne.jpg |
img/stories/NaszaNowaGaleria/zdjecie2_miniatura.jpg ||
img/stories/NaszaNowaGaleria/zdjecie3_normalne.jpg |
img/stories/NaszaNowaGaleria/zdjecie3_miniatura.jpg ||
img/stories/NaszaNowaGaleria/zdjecie4_normalne.jpg |
img/stories/NaszaNowaGaleria/zdjecie4_miniatura.jpg ||
img/stories/NaszaNowaGaleria/zdjecie5_normalne.jpg |
img/stories/NaszaNowaGaleria/zdjecie5_miniatura.jpg ||
}
- By skorzystać z YASIG po prostu skopiuj powyższy przykład do swojego artykułu w Joomla!.
- W jednym artykule możesz mieć kilka galerii YASIG.
- Możesz też wykorzystać YASIG do wyświetlenia tylko jednego obrazka.
Ad. 5. Ewentualnie przygotowania opisów do zdjęć.
Opisy do zdjęć stanowią element dodatkowy, niewymagany. Mogą mieć postać dowolnego tekstu. Nie muszą być umieszczone w osobnym pliku ani nie są umieszczane w nagłówku pliku. Dzięki temu ich zmiana sprowadza się do prostej edycji tekstu.
Przykład:
{yasig
img/stories/NaszaNowaGaleria/zdjecie1_normalne.jpg |
img/stories/NaszaNowaGaleria/zdjecie1_miniatura.jpg |
Przykładowy komentarz do zdjęcia nr 1 ||
img/stories/NaszaNowaGaleria/zdjecie2_normalne.jpg |
img/stories/NaszaNowaGaleria/zdjecie2_miniatura.jpg |
Przykładowy komentarz do zdjęcia nr 2 ||
img/stories/NaszaNowaGaleria/zdjecie3_normalne.jpg |
img/stories/NaszaNowaGaleria/zdjecie3_miniatura.jpg |
Przykładowy komentarz do zdjęcia nr 3 ||
img/stories/NaszaNowaGaleria/zdjecie4_normalne.jpg |
img/stories/NaszaNowaGaleria/zdjecie4_miniatura.jpg |
Przykładowy komentarz do zdjęcia nr 4 ||
img/stories/NaszaNowaGaleria/zdjecie5_normalne.jpg |
img/stories/NaszaNowaGaleria/zdjecie5_miniatura.jpg |
Przykładowy komentarz do zdjęcia nr 5 ||
}
Ad. 6 i 7
Zamiast opisywać, jak wygląda i działa galeria YASIG patrząc od strony Użytkownika, zapraszam na Demo.
Galeria służy do wyświetlania zdjęć:
- jako miniatur - w ten sposób wyświetlane są zdjęcia bezpośrednio na stronie www,
- jako zdjęć w rozmiarze normalnym - dostępnym po kliknięciu przez Użytkownika na jednej z miniatur.
Widok miniatur
Widok 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'.

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 oraz od wartości parametrów dodatku. Warto zadbać o to, by w pojedynczej galerii były wyświetlane obrazki o orientacji poziomej, a w osobnej te o orientacji pionowej.
Widok zdjęć w rozmiarze normalnym
Gdy użytkownik kliknie na jednej z miniatur, spowoduje to uruchomienie znanego i lubianego skryptu Lightbox. Aktualnie przeglądana strona zostanie przysłonięta przez półprzezroczyste tło, a na pierwszym planie zostanie wyświetlone zdjęcie w rozmiarze normalnym.
Jeżeli Użytkownik przesunie kursor myszy nad zdjęcie, zostaną dodatkowo wyświetlone przyciski nawigacyjne. Przykładowo, jeżeli kursor myszy znajedzie się ponad prawą połową zdjęcia, zostanie wyświetlony przycisk 'Nast.' sugerujący, że po jego kliknięciu zostanie wyświetlone kolejne zdjęcie galerii.
Domyślnie na obrazki nakładane są następujące ciągi:
|
Poprz. |
Nast. |
Zamknij |
Po naciśnięciu klawisza w prawo (->) zostanie wyświetlone kolejne zdjęcie galerii. Przez analogię, po naciśnięciu klawisza w lewo (<-) zostanie wyświetlone poprzednie zdjęcie galerii.

Widok zdjęcia w rozmiarze normalnym
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.

Widok zdjęcia w rozmiarze normalnym
Powyżej zaznaczono na czerwono kolejny zestaw elementów galerii: przykładowy komentarz oraz przycisk nawigacyjny powodujący wyświetlenie kolejnego zdjęcia.
Wesprzyj naszą pracę! Jeżeli uznałeś, że to rozszerzenie Ci się podoba, pomogło Ci w realizacji jakiegoś zadania, zwyczajnie jest przydatne, prosimy zamieść chociaż krótką recenzję w katalogu rozszerzeń Joomla!, czyli tutaj.
Do dyspozycji użytkowników jest także forum w języku polskim. Prosimy o komentarze!





Wszystko dobrze zainstalowalem.....
robie sobie artykul i klikam na przycisk "yasig" i wpisuje adres do folderu ze zdjeciami(sa tam 2) a konwenteruje tylko 1 co to jest za blad?
images/stories//640_dsc_0345.jpg|
images/stories//200_dsc_0345.jpg|
dsc_0345.jpg|| Przetworzono 1 z 2 plików
i nic dalej sie nie dzieje ;/
prosze o odpowiedz
generalnie podaje taka skladnie do galerii
{yasig single
images/stories/full/linn_ds/ds-1.png|images/stories/full/linn_ds/ds-1.png|| images/stories/full/linn_ds/linn_ds1.jpg|images/stories/full/linn_ds/linn_ds1.jpg|| images/stories/full/linn_ds/linn_ds2.jpg|images/stories/full/linn_ds/linn_ds2.jpg|| images/stories/full/linn_ds/linn_ds3.jpg|images/stories/full/linn_ds/linn_ds3.jpg|| images/stories/full/linn_ds/linn_ds4.jpg|images/stories/full/linn_ds/linn_ds4.jpg|| images/stories/full/linn_ds/linn_ds5.jpg|images/stories/full/linn_ds/linn_ds5.jpg|| images/stories/full/linn_ds/linn_ds6.jpg | images/stories/full/linn_ds/linn_ds6.jpg||
}