Galeria YASIG

Galeria YASIG (polski)

Ocena użytkowników:  / 0
SłabyŚwietny 
{slimbox off}
{slimbox_1_2 off}

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

 

640_YASIG_01_LogowanieNaZaplecze

 

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.

 

640_YASIG_02_WyborPlikuZrozszerzeniem

 

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.

 

640_YASIG_03_InstalacjaPowodzenie

 

 

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.

640_YASIG_05_WlaczenieDodatku

Przed włączeniem...

 

 

640_YASIG_05_WlaczenieDodatku

...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.

 

640_YASIG_06_Sprawdzenie

 

 

 


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.

 

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.

 

 



 

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:

 

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

yasig_miniatury

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'.

 

yasig_napis

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!


Comments (3)
Nie dziala dobrze
3niedziela, 10, kwiecień 2011 19:53
Mateusz
Witam !
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
włącz dodatek
2wtorek, 25, styczeń 2011 10:01
tm
jak w temacie
niewyswietlanie miniatur
1środa, 29, grudzień 2010 11:13
Krzysztof
Witam z ztym trybem single chyba cos nie dziala mozecie to sprawdzic:
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||
}

Add your comment

Your name:
Your email:
Your website:
Subject:
Comment:
 
Ochrona antyspamowa