Spis treści:

Wstęp

Rozszerzenia

Funkcjonalność

Instalacja

Sprawdzenie poprawności instalacji

Jak to działa

Deinstalacja

Konfiguracja dodatku YASIG

Składnia galerii YASIG

Konfiguracja dodatku yasiguncle

FAQ (Często zadawane pytania)

Wsparcie, pomoc

Automatyczne przerabianie zdjęć po stronie klienta

Zespół

Apel

 


Wstęp

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.

Rolą Autora jest wybór zestawu zdjęć, które zamierza zaprezentować w Internecie Użytkownikom. Ten zestaw, albo inaczej zbiór zdjęć nazwany został galerią. Działania związane z przygotowaniem galerii zdjęć Autor prowadzi na tzw. zapleczu strony, czyli po zalogowaniu się do zaplecza. Przygotowanie zdjęć jest w znacznym stopniu zautomatyzowane, co pozwala na przyspieszenie publikacji.

Z puntku widzenia Użytkownika zdjęcia prezentowane są najczęściej w postaci pomniejszonych wersji zdjęć, czyli tzw. miniatur. Po kliknięciu na którąś z miniatur wyświetlane jest zdjęcie w pełnym rozmiarze. Za pomocą klawiatury lub myszy możliwe jest obejrzenie innych zdjęć tworzących galerię.

Podsumowując, YASIG to rozwiązanie, które przy pomocy kilku rozszerzeń pozwala na:

  • przygotowanie zdjęć, z których autor tworzy galerię,
  • prezentację zdjęć osobom odwiedzającym naszą witrynę.

Przetwarzanie zdjęć (np. zmiana rozmiaru, dodanie ramki wokół zdjęć itp.) następuje po stronie serwera, czyli po przesłaniu zdjęć na serwer. Takie rozwiązanie może być wygodne dla osób prowadzących np. portale społecznościowe. Wszystko, czego wymaga się od użytkowników, to przesłanie zdjęć do konkretnego katalogu umieszczonego na serwerze.

Zespół rozszerzeń YASIG został przygotowany z myślą o środowisku Joomla! w wersji 2.5.x. Do działania inteligentnie wykorzystuje bibliotekę Javacript JQuery.

Obsługiwane typy plików graficznych: .JPG oraz .PNG

Do wyświetlania efektów graficznych wykorzystywany jest efekt Lightbox, a w zasadzie jego 'odchudzony brat', czyli Slimbox.

Do przetwarzania zdjęć (zmniejszenie, dodanie obramowania itp.) wykorzystano bibliotekę GD.

Powrót do Spisu treści.

 


Rozszerzenia

Rozszerzenia, które składają się na YASIG zostały przedstawione w poniższej tabeli:

Lp. Typ rozszerzenia Nazwa rozszerzenia Kategoria rozszerzenia Funkcja
1. dodatek (ang. plugin) plg_yasig treść (ang. content) Galeria zdjęć.
2. komponent (ang. component) com_yasiguncle treść (ang. content) Silnik przetwarzający zdjęcia.
3. dodatek (ang. plugin) plg_yasiguncle rozszerzenie edytora (ang. editors-xtd) Rozszerzenie edytora.
4. paczka (ang. package) pkg_yasiguncle - Instalator / deinstalator pozostałych rozszerzeń.

 

Rozszerzenie plg_yasig może być wykorzystywane samodzielnie. Użytkownik może samodzielnie przetwarzać pliki graficzne (więcej na ten temat w rozdziale Automatyczne przerabianie zdjęć po stronie klienta) i samodzielnie przygotowywać wywołania galerii (więcej na ten temat w rozdziale (Składnia galerii YASIG).

Rozszerzenia com_yasiguncle i plg_yasiguncle zawsze powinny być instalowane wspólnie z rozszerzeniem plg_yasig. Instalacja tych rozszerzeń pojedynczo nie ma sensu, bo użytkownik nie uzyska w ten sposób żadnej dodatkowej funkcjonalności.

Rozszerzenie pkg_yasiguncle pozwala na łatwą i szybką instalację wszystkich potrzebnych rozszerzeń.

Powrót do Spisu treści.

 


Funkcjonalność

Funkcjonalność zależy od przyjętego punktu widzenia:

  • Autora lub
  • Użytkownika.

Z punktu widzenia Autora:

Funkcja Opis
Galeria jest tekstem w treści artykułu.

Wstawienie galerii ze zdjęciami polega na wstawieniu do treści wybranego artykułu pewnego ciągu znaków o ustalonym porządku ograniczonego znakami nawiasu klamrowego: {...}. Silnik obsługujący stronę www (Joomla!) zadba o interpretację tego ciągu w taki sposób, by Użytkownik ujrzał galerię zdjęć.

Ponieważ miejsce w artykule, w którym znajdzie się galeria składa się wyłącznie z tekstu, to praca nad edycją galerii jest prosta i szybka. Wszystkie działania polegają na edycji tekstu, a więc do obsługi tak przygotowanej galerii wystarczy jakikolwiek edytor. Podczas edycji galerii nie są ściągane zdjęcia składowe, tworzące galerię, a edycji podlega wyłącznie tekst. Znacznie przyspiesza to pracę nad edycją galerii.

Możliwość dołączenia do zdjęć komentarza. Użytkownik zobaczy komentarz po krótkiej chwili po najechaniu kursorem na miniaturę zdjęcia oraz bezpośrednio pod zdjęciem w rozmiarze normalnym. Komentarze 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.
Indeksowanie przez Google tak zdjęć jak i komentarzy pod zdjęciami. Zarówno nazwy plików zdjęć, jak i teksty komentarzy pod zdjęciami są indeksowane przez wyszukiwarkę Google. Oznacza to, że po przygotowaniu galerii będzie możliwe wyszukanie tych łańcuchów tekstowych za pomocą wyszukiwarki Google.
Pełna kontrola nad wielkością i kolejnością zdjęć. Mamy pełną kontrolę nad wielkością i kolejnością zdjęć. Wielkość zdjęć można wybrać na etapie przygotowania galerii. Zmiana kolejności zdjęć polega na zmianie kolejności odpowiednich sekcji tekstu, do czego wystarczy edytor.
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 YASIG dobrze sprawdza się w przypadku dużych, popularnych galerii...

Oszczędność miejsce na serwerze

YASIG wyświetla przygotowane przez nas wcześniej zdjęcia. Pliki zdjęć po przygotowaniu galerii często zajmują o wiele mniej miejsca od plików, które zostały wybrane przez Użytkownika i przesłane na serwer. Przykładowo zdjęcie w rozmiarze 2816 x 2112 (punktów) zajmuje około 2,4 MB. To samo zdjęcie w rozmiarze 640 x 480 (punktów) zajmuje około 81,6 kB, a w rozmiarze 200 x 150 (punktów) zajmuje około 18,5 kB. W ten prosty sposób na jednym zdjęciu "oszczędzamy" około 2,3 MB.

 

Z punktu widzenia Użytkownika:

Funkcja Opis
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 YASIG dobrze sprawdza się w przypadku dużych, popularnych galerii...

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

Przechodzenie pomiędzy 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 wskazówki ułatwiające przechodzenie pomiędzy zdjęciami tworzącymi galerię:

  • przejście do kolejnego zdjęcia w galerii nastąpi poprzez najechanie kursorem myszy na prawą część aktualnie powiększonego zdjęcia i kliknięcie lewym przyciskiem myszy,
  • przejście do poprzedniego zdjęcia w galerii nastąpi poprzez najechanie kursorem myszy na lewą część aktualnie powiększonego zdjęcia i kliknięcie lewym przyciskiem.
Możliwość przewijania za pomocą klawiatury (skrótów klawiszowych)

Przechodzenie pomiędzy zdjęciami składającymi się na galerię jest możliwe poprzez naciskanie klawiszy klawiatury:

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

Powrót do Spisu treści.

 


Instalacja

Instalacja jest możliwa na dwa następujące sposoby:

  1. Wykorzystanie paczki instalacyjnej. Jest to zalecana, domyślna metoda instalacji. Skrypty wykonywane w trakcie instalacji paczki zadbają o prawidłową instalację wszystkich rozszerzeń składających się na rozwiązanie YASIG.
  2. Ręczna instalacja poszczególnych rozszerzeń.

Typowo wszystkie czynności związane z instalacją rozszerzeń wykonuje administrator witryny.

 

Wykorzystanie paczki instalacyjnej

Poniżej przedstawiono domyślną procedurę instalacji.

  1. Pobierz paczkę instalacyjną:

Paczka instalacyjna ma postać pliku, który w nazwie zawiera człon "pkg" oraz ma rozszerzenie .zip, np. "pkg_yasiguncle_j.2.5.zip". Zapamiętaj położenie paczki na dysku.

 

  1. Zaloguj się na zapleczu witryny

W pasku adresu przeglądarki wpisz adres swojej witryny zakończony członem "administrator", przykładowo:
http://adres_naszej_witryny.rozszerzenie/administrator

Po chwili ekran powinie przybrać postać jak na sąsiednim obrazku.

LogowanieZaplecze

 

  1. Instalacja pliku paczki
Przejdź do menedżera rozszerzeń: menu -> Rozszerzenia -> Instalacje.

ZapleczeInstalacje

Z menu wybierz zakładkę Instalator.

PrzyciskPrzegladaj01

Naciśnij przycisk "Przeglądaj" i wskaż położenie pliku paczki (np. "pkg_yasiguncle_j.2.5.zip").

PrzyciskPrzegladaj02

Wciskamy przycisk Instaluj.

PrzyciskPrzegladaj03

Po chwili wyświetlony zostanie komunikat informujący o prawidłowym przebiegu procesu instalacji ("Pakiet zainstalowano poprawnie"). ZainstalowanoPaczke

Skrypty wykonywane podczas instalacji paczki automatycznie włączają zainstalowa dodatki.

Film pokazujący instalację oraz sprawdzenie poprawności instalacji:

 

Powrót do Spisu treści.

 


Sprawdzenie poprawności instalacji

W celu sprawdzenia, czy instalacja przebiegła prawidłowo, przejdź do Menedżera rozszerzeń: menu -> Rozszerzenia -> Instalacje.

ZapleczeInstalacje

Wybierz zakładkę "Zarządzanie". ZarzadzanieRozszerzeniami

W okienku "Filtr" wpisz ciąg "yasig" i wciśnij znajdujący się na prawo przycisk "Znajdź".

Po chwili powinieneś zobaczyć tabelę. Każdy z wierszy tej tabeli odpowiada jednemu z 4 właśnie zainstalowanych rozszerzeń:

  • com_yasiguncle
  • pkg_yasiguncle
  • plg_yasig
  • plg_yasiguncle

Są to rozszerzenia tworzące rozwiązanie yasig.

RozszerzeniaYasig

Powrót do Spisu treści.

 


Jak to działa

Przygotowanie galerii wymaga od Autora:

  1. wyboru zdjęć, z których chce stworzyć galerię,
  2. wgrania zdjęć na serwer Joomla! do wybranego przez Autora katalogu - katalogu wejściowego,
  3. ewentualnie stworzenie katalogu, w którym znajdą się zdjęcia po przetworzeniu, czyli katalogu wyjściowego,
  4. wybrania artykułu, w którym ma zostać umieszczona galeria.

Pozostałe czynności, czyli:

  1. przetworzenie zdjęć: przygotowanie ze zdjęć wybranych przez Autora zdjęć w rozmiarze normalnym oraz miniatur.
  2. przygotowanie treści wywołań galerii YASIG.
  3. wstawienie treści wywołań galerii YASIG do wybranego artykułu

zostaną wykonane automatycznie przez rozszerzenia yasiguncle (komponent oraz rozszerzenie edytora). Autor galerii będzie mógł jeszcze ręcznie uzupełnić opisy (komentarze) poszczególnych zdjęć. Domyślnie jako opis (komentarz) zdjęć wstawiana jest nazwa pliku graficznego.

 

Sytuacja początkowa wygląda więc mniej więcej tak:

  1. Autor poprawnie zainstalował rozwiązanie YASIG (wszystkie rozszerzenia),
  2. w wybranym katalogu na serwerze (np. images/stories/yasig_input) Autor galerii umieszcza np. 2 zdjęcia, jak w opisie w poniższej tabeli,
Nazwa pliku Orientacyjna wielkość pliku Rozmiar zdjęcia [px] x [px]
IMG_7952_KaluznicaCzarnozielona.JPG 1.6 MiB 1704 x 2272
IMG_7954_KaluznicaCzarnozielona.JPG 1.5 MiB 1704 x 2272

 

Autor wybrał artykuł, w którym zamierza umieścić galerię, otworzył ten artykuł, wybrał miejsce w treści, w którym ma znaleźć się galeria RedagowanieArtykulu
Pod okienkiem edytora znajduje się przycisk 'yasiguncle'. Wciśnięcie tego przycisku uruchomi kreatora, który zrealizuje wymienione powyżej czynności. RedagowanieArtykulu2
Wspomniany przycisk. PrzyciskYasig
Po naciśnięciu przycisku ekran zostanie przysłonięty widocznym obok okienkiem. Jest to tzw. kreator. Autor galerii powinien skonfigurować przynajmniej niektóre opcje. Przede wszystkim powiniem wskazać katalog wejściowy, czyli ten, w którym umieścił zdjęcia oraz katalog wyjściowy, czyli ten, w którym powinny znaleźć się zdjęcia powstałwe w wyniku ich przetwarzania. (Autor ma możliwość zmiany wartości opcji wyświetlanych po uruchomieniu kreatora, patrz rozdział Konfiguracja dodatku yasiguncle). Krok2 1

Autor ma możliwość zmiany opcji 'Katalog wejściowy' oraz 'Katalog wyjściowy' na dwa sposoby. Metodą zalecaną jest kliknięcie w drugi wiersz pod tekstem "Katalog wejściowy" oraz "Katalog wyjściowy", co spowoduje rozwinięcie okienka z listą katalogów znajdujących się na serwerze. W ten sposób, za pomocą myszy, można wybrać odpowiednie katalogi. Drugą metodą jest wpisanie ścieżki dostępu do odpowiednich katalogów w pierwszym wierszu pod tekstem "Katalog wejściowy" oraz "Katalog wyjściowy'.

Na sąsiednim ekranie Autor zmienił wybrane opcje. Poprzez kliknięcie odnośnika Pokaż panel konfiguracyjny można uzyskać dostęp do większej liczby ustawień.

Po upewnieniu się, że wszystkie opcje zostały ustawione zgodnie z wolą Autora powinien on kliknąć na przycisk 'Przejdź do kolejnego kroku'.

Krok2 2
Na ekranie pojawi się niewielkie kółeczko symbolizujące przetwarzanie kolejnych zdjęć. Po chwili na ekranie pojawi się składnia galerii YASIG oraz przycisk 'Wstaw wywołanie galerii YASIG do treści artykułu'. Należy wcisnąć ten przycisk. Krok3 1
Po wciśnięciu przycisku w treści artykułu znajdzie się poprawne wywołanie galerii YASIG. Krok3 2

W poniższej tabeli umieszczono efekty przetwarzania przykładowych plików graficznych.

Pliki stworzone przez yasiguncle Orientacyjna wielkość pliku Rozmiar zdjęcia [px] x [px]
200_IMG_7952_KaluznicaCzarnozielona.JPG 10,8 KiB 150 x 200
640_IMG_7952_KaluznicaCzarnozielona.JPG 95,1 KiB 480 x 640
200_IMG_7954_KaluznicaCzarnozielona.JPG 11,2 KiB 150 x 200
640_IMG_7954_KaluznicaCzarnozielona.JPG 87,9 KiB 480 x 640

Gotowe! Efekty działania galerii możesz obejrzeć w Demo.

Krótki film pokazujący, jak wygląda w praktyce przygotowanie galerii zdjęć:

Krótki film pokazujący, jak działa galeria z punktu widzenia Użytkownika:

 

Powrót do Spisu treści.

 


Deinstalacja

Przejdź do Menedżera rozszerzeń: menu -> Rozszerzenia -> Instalacje.

ZapleczeInstalacje

Wybierz zakładkę "Zarządzanie". ZarzadzanieRozszerzeniami

W okienku "Filtr" wpisz ciąg "yasig" i wciśnij znajdujący się na prawo przycisk "Znajdź".

Po chwili powinieneś zobaczyć tabelę. Każdy z wierszy tej tabeli odpowiada jednemu z 4 właśnie zainstalowanych rozszerzeń:

  • com_yasiguncle
  • pkg_yasiguncle
  • plg_yasig
  • plg_yasiguncle

Są to rozszerzenia tworzące rozwiązanie yasig.

RozszerzeniaYasig

Zaznacz kwadracik po prawej stronie od rozszerzenia "pkg_yasiguncle".

Zaznacz pkg yasiguncle

Wciśnij przycisk "Odinstaluj". Po chwili na ekranie powinny pojawić się komunikaty: "Pakiet odinstalowano" oraz "Brak zainstalowanych rozszerzeń pasujących do Twojego pytania". (Ten drugi komunikat jest rezultatem wciąż widniejącego na ekranie wpisu w polu "Filtr").

Odinstaluj pkg yasiguncle

Powrót do Spisu treści.

 


Konfiguracja dodatku YASIG

Rozszerzenie (dodatek) YASIG odpowiada za sposób wyświetlania zdjęć Użytkownikowi. Panel konfiguracyjny dodatku YASIG jest dostępny po zalogowaniu na zaplecze witryny.

Wybierz z menu: Rozszerzenia -> Dodatki. MenuRozszerzeniaDodatki
Po chwili zostanie wyświetlona lista wszystkich zainstalowanych dodatków. MenuRozszerzeniaDodatkiLista

W polu "Filtr" wpisz "yasig", a następnie wciśnij znajdujący się na prawo od pola "Filtr" przycisk "Znajdź". Po chwili na ekranie zostaną wyświetlone zainstalowane rozszerzenia pasujące do kryterium filtru.

Kliknij na dodatku "plg_yasig".

MenuRozszerzeniaDodatkiYasig

Zostanie wyświetlony ekran konfiguracyjny rozszerzenia. Składa się on z kilku obszarów:

  • Szczegóły
  • Opcje podstawowe

Dalej omówiony zostanie znajdujący się po prawej stronie obszar "Opcje podstawowe".

plg yasig ogolny

Szczegóły przedstawiają przede wszystkim składnię galerii. Ponieważ wykorzystanie składni galerii nie jest konieczne do korzystania z niej, nie zostanie tutaj dokładniej omówione. Szczegółowe wyjaśnienie składni galerii znalazło się poniżej w sekcji Składnia galerii YASIG.

YasigSzczegoly

Obszar "Opcje podstawowe".

plg yasig OpcjePodstawowe

Opis opcji staje się widoczny po najechaniu kursorem na etykietę opcji.

Nazwa opcji Opis opcji Wartość domyślna Komentarz
Zapętl zdjęcia Pozwala przechodzić pomiędzy ostatnim i pierwszym zdjęciem oraz na odwrót NIE

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 Jak bardzo przyciemnione ma być tło podczas wyświetlania obrazka (0 - w ogóle, 1 - całkowicie). 0.8

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 Kolor tła obrazka #000000 (czarny)

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 Górny margines 0

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 Prawy margines 10

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 Dolny margines 10

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 Lewy margines 0

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' Opis z prawej strony obrazka jako link do następnego zdjęcia 'Nast.'

Tekst wyświetlany w obszarze przycisku służącego do wyświetlenia kolejnego zdjęcia galerii.

Napis 'Poprz' Opis z lewej strony obrazka jako link do poprzedniego zdjęcia 'Poprz.'

Tekst wyświetlany w obszarze przycisku służącego do wyświetlenia poprzedniego zdjęcia galerii.

Napis 'Zamknij' Opis z prawej-dolnej strony obrazka jako link zamykający galerię 'Zamknij'

Tekst wyświetlany w obszarze przycisku powodującego zakończenie wyświetlania zdjęć w rozmiarze normalnym.

Napis 'Obrazek' Część napisu z lewej-dolnej strony obrazka. 'Obrazek'

Tekst wyświetlany w obszarze bezpośrednio pod zdjęciem w rozmiarze normalnym.

Napis 'Z' Druga część napisu z lewej-dolnej strony obrazka. 'Z'

Tekst wyświetlany w obszarze bezpośrednio pod zdjęciem w rozmiarze normalnym.

Załaduj JQuery Załaduj JQuery razem z dodatkiem TAK

Pozwala na wyłączenie biblioteki JQuery. Opcja jest przydatna w sytuacji, gdy witryna korzysta z innych rozszerzeń bazujących na JQuery. Pozwala na uniknięcie wielokrotnego ładowania do pamięci różnych bibliotek JQuery, co pozwala na zaoszczędzenie czasu wyświetlania strony oraz zmniejszenie błędów.

Instrukcja obsługi Informacja dodatkowa wyświetlana pod obrazkiem --

Pod każdym zdjęciem wyświetlanym w ramach galerii może znajdować się dodatkowy tekst. Może nim być np. instrukcja obsługi galerii.

Sens przynajmniej części opcji wymienionych w powyższej tabeli będzie bardziej jasny po obejrzeniu sąsiednich obrazków. 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

Poniżej widoczna jest galeria składająca się z trzech identycznych obrazków w widoku miniatur. O odległościach pomiędzy poszczególnymi miniaturami decydują wartości opcji 'Górny margines', 'Prawy margines', 'Dolny margines' oraz 'Lewy margines'. Dzięki opcjom ustawiającym marginesy pojawiła się możliwość zmiany odległości między miniaturami. Miniatury wyglądają lepiej, szczególnie w przypadku większych galerii, po zmianie wielkości marginesów. 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 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.

Jeżeli w sekcji dla któregoś obrazka został napisany komentarz, to po najechaniu kursorem na taką miniaturę po krótkiej chwili zostanie on wyświetlony 'w dymku'.

yasig_napis

 

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.

Opcja 'Stopień przyciemnienia' decyduje o stopniu przyciemnienia tła, a opcja 'Kolor tła' o kolorze tła.

YasigWidokOgolny

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.

Na sąsiednim obrazku zaznaczono sens opcji 'Napis 'Nast'' oraz pozycję przykładowego komentarza, o ile Autor zdecydował się opatrzeć dane zdjęcie komentarzem.

 

Na czerwono zaznaczono: na dole po lewej napis podający kolejność aktualnie wyświetlanego obrazku w galerii (opcja 'Napis 'Obrazek'' oraz opcja 'Napis 'Z''), na dole po prawej przycisk powodujący zamknięcie galerii (opcja 'Napis 'Zamknij''), u góry po lewej obrazek 'Poprz.' (opcja 'Napis 'Poprz'') sugerujący, że po kliknięciu przejdziemy do poprzedniego obrazka w galerii.

Opcja 'Instrukcja obsługi' pozwala na wyświetlenie dodatkowego napisu bezpośrednio pod zdjęciem. Może to być np. zdanie wyjaśniające Użytkownikowi jak przechodzić pomiędzy zdjęciami tworzącymi galerię.

YasigDodatkowyNapis

Powrót do Spisu treści.

 


Składnia galerii YASIG

Galeria YASIG to ciąg znaków umieszczonych pomiędzy nawiasem klamrowym otwierającym "{" a nawiasem klamrowym zamykającym "}". Po nawiasie klamrowym otwierającym musi znaleźć się słowo "yasig". Taki najprostszy ciąg znaków tworzący galerię wygląda zatem następująco:

{yasig }

Do wyświetlenia jednego zdjęcia potrzebne jest podanie do trzech argumentów (x1, x2, x3) oddzielonych od siebie znakiem pionowej kreski "|":

{yasig
x1|
x2|
x3||
}

 

Sens poszczególnych argumentów:
x1 - ścieżka dostępu do pliku zdjęcia w rozmiarze normalnym,
x2 - ścieżka dostępu do pliku zdjęcia w rozmiarze miniaturowym,
x3 - opis / komentarz wyświetlany pod każdym ze zdjęć.

Obowiązkowe jest wykorzystanie dwóch argumentów: x1 i x2. Jeżeli nie masz przygotowanej miniaturki (argument x2), jako drugi argument po prostu powtórz nazwę obrazka w pełnym rozmiarze (x1). Argument x3 można pominąć. Jeżeli w galerii znajduje się wiGnajduwejg Argu|
}

0und: Jeyasi >Do wyświetlenia jednego zdjęcia potrisk.e="texaoo po n;">Otów ązkowe je Zeiany >Do wyświetlenia jednekowi. Panu górntacji pozl> mentarnięz/201m na takarz, #000000; rzystanie dwóch argumentów: xad prawą p style="mat-style-type: lt-align: justify;">Do wyś0000<000; divzystaniefloat:rget=e obra:6px 15px 2px 2pxa obsscript ">Auie dw/javascriptign!-- google_ad_cl;">J = "ca-pub-4669759041027576"; google_ad_yle=" = 180; google_ad_table> = 90; google_ad_td stJ = "180x90_0ads_al"; google_ad_">Au = " dw"; google_d;"> _

_ g = "FFFFFF"; google_d;"> _or: #= "008000"; google_d;"> _ dw#= "5C5C5C"; google_d;"> _url#= "008000"; //--> "texscriptobsscript ">Auie dw/javascripti "tis.png/paltad2.googlesyndicm

Pod każdym zdjęcil styleiemn src="/i>Galeria Ye="tex 1px; balign: justify;>SuronąDna epuDoZdjearzW w galeriNcia w r/ZdjeareW w galeriNcia w r_01 /p>

Pod każdym zdjęciarz, ozmiarze border-width: 1px; balign: justify;>SuronąDna epuDoZdjearzW w galeriNcia w r/ZdjeareW w galeriNcia w r_02 /p>

Pod każdym zdjęciarz, ozłnymborder-width: 1px; balign: justify;>o wyś...001px; border-style: solid;">

Pod każdym zdjęci: 1px; balign: justify;>SuronąDna epuDoZdjearzW w galeriNcia w r/ZdjeareW w galeriNcia w r_n /p>

Pod każdym zdjęciarz, ozn-ymiener-width: 1px; balign: justify;>}001px; border-style: solid;">

Pod każdym zdjęciokładmn src="/i>Galeria Ye="tex 1px; balign: style="text-align: justify;" title="Spis treści" niaurowymrszu pod teksteazki w do0000; bolignje zprostiaturowymługi />x3 - opis / koejg Arlewej tur.style="lmienuszczt-ali("/") ko druno" oraznje zprpotcudwszym wwej ka 'Nidcy ga:np. 2 zdfik.jpg --o dra 'Nidcy ga:nng" alt="fik.jpg")p> &n,tronową zdj dru jus arnPanod sza">&ne składni kursor ma na 1). Argummińie znam rozmiarze.wi, a (opszcztaj obrazkteie zszcam wde ku |zadbstylormalarz, , cią armiejsce w tgi wn: ju: //00; yasi a">&nciami justify;tacji pialeria Ygo zdjechod"text-aligp>

Sens poszczególnych argumentów:
x1 - ścieżk- Bywszysz prz wygsem klaef="/mojna 1). Argszypi od szu sąsieiu zosrawąwksts wciąASIG.

Sens poszlerii_YASIGt do Spisu treści.

 


Składnia galerii YASIG). > De! czaberiiwsie wy
style="width: 40%; text-align: justify;">Po chwili zostanie wyświetloninstalowanych dodatków. Yigun width="651" /> Yigunstyle="width: 40%;">

Zostanie wyświetlony enia. Składa się on z kilku obszarów:

  • Szczegóły
  • Opcje podstawowe

Dalej omówiony zostanznacz_pkg_yasiguncle.png" alt="Zaznacz pkg yasiguncYigun21225_Eilku="753" />

d> <2: 40%;">

Wciśnij przycisk "Odinstaluj". Po chwili na ekranie galerii. Pnje zprostiyle="iiwskładni i

Wybierz z menu: Rozszerzenia -> Dodatki. MenuRozszerzeniaDodat/></td>
</tr>
<tr>
 width=
MenuRozszerzeniaDodatkiLista

W polu "nstrukcja obsłznajdujący się na prawo od pola "Filtr" przycisk "Znajdź". Po chwili na ekranie zostaną wyświetlone zainstalowane rozszerzenia pasujące do kryterium filtru.

Kliknij na dodatku "plg_yasig".

Zaznacz pkg yasigunc
 Wciśnij przycisk "Odine="display: block; margin-lo się ponieczech p"plg_tępu do pliku zpzystośbr / na takiu zoeważ w filientkładowych plik.asig/Zaznacz_pkg_yasiguncle.png" alt="Zaznacz pkg yasiguncYigun21225_y: blP="588" width="424" /r> w pierw'Dolny markreae te>> Wartość domyślna olo elonyie w przyztbyły po miarze bord pminą pozwal. Pmg sdziDe/yet-anotholorlimbox-png" - poozwy/459-demo-> Galeria YASIG treści/moja-jg">De/yet-anotholorlimbox-png" - poozwy/510- poawia-> .

twars/20tkzkoweć border-order-style: solid;">Załaduj JQuery razem z dodatkiem Otów ązkowe j
  • a/p> gu wejy ma"lmieMenuRozszwidth: 1px; border-style: solid;">Nazwa opcji
  • Otów ązkowe j
  • a/p> gu wejy ma"lmieM K;">Otw ązkowe j,jnarmage w d gw. Goborder="0cy,jcym "{" 201mych rciąa">&width: 4nuRozszwidth: style="text-align: justify;" title="Spis treści" lerii_YASIGt do Spisu treści.

     


    Składnia galerii YASIGSkładnia galerii Yii_YASIJ juscjakoee wia weewyng"t20agtreściSkładnia galerii Yii_YASIClniajduweesytuac 1 -oJes/2012.

    emiee w przgtreściem_ie w przgtstyle="text-aliClniajduweesytuac 1 -oJes/2012.

    emiee w prz? Składnia galerii Yii_YASICases/2n src="/i>Galeria miniatur. Pnf" tit #gtreści.

    Galeria miniatur. Pnf" tit # - zszcam w do trzech argefektu 'Slimbox'antałowarto zzującye

    ch ide0 lapoią? Składnia galerii Yii_YASICasesmk" c jucznir="0cy,jgtreścierii_YASIG">Składnia galerii YASIG
    Galeria miniatuwlor: #wzczenijako ądessese/p> zl>Gśrodowiska J!ki, yak: le="bordPHP 5.2+ #000000;owodle="bord MySQL 5.0.4+ #000000; bth: 4prSkładnia galerii YASIGem_ie w przg emiee w prz? 000000; b ciąg znaków umieszczonych pomiędzN- wyEfektazk ądesp> oJes/2012.

    emizkowe j<.treczam roIG.le="text-ali...0>

    Sens poszwlodenówicie te. Ecie tur. Ptrpis lg_tsąsieijwidoku nia w peir="0cy,, bth: 4prSens poszIstr. j12elde kudos 1 -ozo zdjiGele"t2cdeswyśaturo ymienozoalimu. W ażrac : /> Au: leżrustphaka. y : ii_YASIG">Składnia galeriWaż w0000e.

    wicie te.t pliwils 1kitdumn- i 2 olejny mi o nij oszczeni100 %.xt-align: ii_YASIG">Składnia galeriWIGt do Spisu t!-- googleadu-col0000azki a.pporder-width: 1u>le="text-ali..4i}gesmk" c ju h p"plg"Yas m roIG.Autkoie btmn mowartkoie btel000 tur. Ptałow # rto doku nia w peir="0cy,, eładuj olor tłO ciąłznaj tur."textayr tursywdnekowi. Pag_tsąsieijwidoku nia w peir="0cy,,

  • Koa obraz200pDo wyśpiurokrecz

    K wyśpiz meO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur./p>

    Koa obraz200pDo w/ na takiu zoeważ w filient090819_Mo> nt0th="424" /r> K wyśpiz meO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.ł/p> Galeria ma liawdopodob_nym_nym00; bora dana etlone zaina,m_nym00; bora aznje zprpo;">.f" limbwy;">piłjustilikt-e_onych poem Yigun3igun="42jęć24" /r> <>lonyaznjdprzeia mioniodr Mini skay: blua 'Nsz pujbliotek' azkiadnia gaumieszczonych">Galerinłoniciw.ify;"ylericyśunje zprpymGnf" lalnmknięcie gZniu na ,ybierz znacz pkg yezerzenia ->zerzeniGaler).>e w d gw. Goborder="0cy,jcym "{" 201mych rciąa">&width: 4nuRobonyaznjdprzeiaerw W polumozna_wsaznjdprzeia mitamtstalowane rozszeitle="Spis tralia /iwini skotd> wyś trź". ext-lia /iw namtyzę cz pkg yeziwsaznjdprzeia mityzę p 1)oe sioszIstr.> 4ight="192" w0th="42jęć24" /r> <>yśpic. Tnici - w ten danyo-a saznjdpiniaia mini sko")p> > ieszczonyń. Wsknelujustify;">Zostam J!;mozna_wzo urunamdający kolesz pe te>> ieszczonyń. Nłonig"YasigDom 1_ya;">Sign: j'> ieszczonyń '_YASIGsObrazek>Składn Galeria ma liawdopodob_nym_nym00; bora dana etlone zaina,m_nym00; bora aznje zprpo;">.f" limbwy;">piłjustilikt-e_onych poem <>lonyaznjdprzeia mioniodr Mini skay: blua 'Nsz pujbliotek' azkiadnia gaumieszczonych">Galerinłoniciw.ify;"ylericyśunje zprpymGnf" lalnmknięcie gZniu na ,ybierz znacz pkg yezerzenia ->zerzeniGaler).>e w d gw. Goborder="0cy,jcym "{" 201mych rciąa">&width: 4nuRo_tsąsieijwi 201mych rciąa">&width: 4nuRobonyaznjdprzeiaerw W polumozna_wsaznjdprzeia mitamtstalowane rozszeitle="Spis tralia /iwini skotd> wyś trź". ext-lia /iw namtyzę cz pkg yeziwsaznjdprzeia mityzę p 1)oe sioszIstr.> 4ight="192" w0th="42jęć24" /r> <>yśpic. Tnici - w ten danyo-a saznjdpiniaia mini sko")p> > ieszczonyń. Wsknelujustify;">Zostam J!;mozna_wzo urunamdający kolesz pe te>> ieszczonyń. Nłonig"YasigDom 1_ya;">Sign: j'> ieszczonyń '_YASIGsObrazek>Składn Do borNj00000;Querintarnetrpyjias m roIG. 201mych rciąa">&width: 4nuRoI dosewilip. z doypg --doszIstr btyslepido tPozeczę p 1)oeozszeszIstr bodanyo-'ony einstaluj". Taonteni btr-colrostu rozs tPotify;n: juse="Po chwili n- opis / ksns pczo, jazadalnmkułatol00ści.

    Skł-'Nas-alowane rozsci/mo="bo2&p=209692style="thttp:// chum.iDemo .plw/jatylead.php?47851-Gięcia->Skł-'Nas-alowane rozsci/mo="bo2&p=209692ste="Spis tblank">http:// chum.iDemo .pl2.re Pszsist r t aaN p ery i.

    .ustify;"> 


    _ap erabialnmrii Yi_ag_sur Min_k 2px _Y>galeAutomaio po>-'onyrabialnmmieszczonpo sur Minik 2px _ef Clniajduweesytuac 1 -oJes/2012.-dś tzwalanf"tstyle="bo2),erw Senszę p 1)oeozsz>Skła Nzwalanfeostyle="bo2-'ony tusuwreściZałama etlone zaina/nesósur Mtraww,aa >ZałernAutorfy;"yreae aligG.f" r tła ob&ne sGnf" la lokatitlz dodatk Takamput styjący,jęciaaustifyezn s

    <><-kp>u; bjucznpo G.Dofeoetekstw ma"lmie,>e w d gw. Gobody> <><-kp>sortuj wg" mas bodaliglna,>e w d gw. Gobody> <><-kodwroc sorte te>t,>e w d gw. Gobody> <><-kmastosuj tryd> wz000iemzmknij'<;">Załaoria zwiśndodncznir="0cyod w0eiz200.>e w d gw. Goborder="0cy,jcym "{" 201mych rciąa">&width: 4nuRoPi kg yewye"t2aligG. Załaoria zwiśndodncznir="0cyod A_YASIG">Ae"t2ext-lcia w> PborNjt />x1 - dklaef="/moj;_ "t20aczl>Guaurowym,r; si w000obzni000nbjucasesawiargDomia boci" n; kcieżkjatrong>Kom#;">>Sens poszczd ciwałaj"/t> ieszczonylna;ox-png" - _YASIGs,aker. 1.1style="text-aliDemo iDemo -sieiu y/173i_YASIGstnczlepszaIG treśdo-j-15ste="Spis tblank">_YASIGs2.re Reńt su">G iDemo /a stifwrii Yiius>">rypt2.reia chcengaumGNUid.jęćajduweesytuac 1 -oJes/2012..jduweesytuac 1 -oJes/2012. 


    galeZas y;">ef Clniajduweesytuac 1 -oJes/2012.;">Załad"/tno"es nas y;"> ieszczonyń >Skł), ja5-7 w ten tPoia /iw łjfys Uży>m necel --'onkreae te>tofunkcj/n.l/td,zeszsdernwg csorZdty,aoeybk00e nięcie ieszczond="aetlania ci.o_tsąsieijwi0000;owodle="bord MySQL 5.0.4+ #Kond 0i_YASnas dorZef Clniajduweesynie cel-left: 30pDo e="bord MySQL 5.0.4+ #e-mailatuwknj>tr. Atd p stobaiw>,em nes/1nie cle=ria /iwg yewo'ony00000;Qcrm csorZ docu aaN.SpiEj JQueById('cloak1ffc80fcccc40deaeeeaa881d3e38cff').azeerHTML = ''; vrderignix = 'ma' + 'il' + 'to'; vrderath = 'hr' + 'ef' + '='; vrdeie y1ffc80fcccc40deaeeeaa881d3e38cff = 'mslonik' + '@'; ie y1ffc80fcccc40deaeeeaa881d3e38cff = ie y1ffc80fcccc40deaeeeaa881d3e38cff + 'poczta' + '.' + 'onet' + '.' + 'pl'; vrdeie y_e="b1ffc80fcccc40deaeeeaa881d3e38cff = 'mslonik' + '@' + 'poczta' + '.' + 'onet' + '.' + 'pl';docu aaN.SpiEj JQueById('cloak1ffc80fcccc40deaeeeaa881d3e38cff').azeerHTML += 'sti' + rath + '\'' + rignix + ':' + ie y1ffc80fcccc40deaeeeaa881d3e38cff + '\'>'+ie y_e="b1ffc80fcccc40deaeeeaa881d3e38cff+'<\ale'; .o_tsąsieijwiajduweesytuac 1 -oJes/2012.

    ), ja"> Skłstyle="thttp://iDemo ccie.org/gf/osz Yitasig_1/ghe="Spis treścieszgrase;"Nazwa>;as m roIG. Skłstyle="thttp://iDemo ccie.org/gf/osz Yitasig_1/ghe="Spis treścitcleSle="zwa>;as m roIG.Afyszstalowane rozs,
    instaln: juse="- w obe=";as m roIG.

    <00;owodlt="19az200pDo wyśpiz na takiu zoeważ w filient1ładowych pl <>yśpiD="ten D="yszke Di.oKsywaatuwlor: #tnooo!ki, yak: le="bordPHP 5.2+ #00p> <órcaht=dzbdoemkci kodomenij na 'ych pObrazek">ryptu 'ony tusuwch airdercią a,a">Zah airde">Sens w> kamp caaNa 'ych pO ci.o_tsąsieijwidoku nia w peir="0cy,, Sma m.az.-'onkreae te>tointarfaj"unZaładuj JQabd="asyw uu"Po chwiie/1nirdedsatz dodatkSID ci.o_tsąsieijwid>Hobby: ieoa gaaacjdzbnstalkotd>tz puzzlewo <00;owodlt="19az200pDo wz na takiu zoeważ w filient1ładowych pl w0th> Yigun323th="424" /r> < "{" gMaciej justipańst; Di.oKsywaatuwlor: #kooovechkajdomyślna.o_tsąsieijwidoku nia w peir="0cy,, ei.o_tsąsieijwidoku nia w peir="0cy,, Srmógłeazmszjtexym p 1)oeo .o_tsąsieijwid>Hobby: ASGSkładnair soft gun), h0aczlymG <00;owodlt="19az200pDo wz na takiu zoeważ w filient1ładowych pl 392st> Yigun320th="424" /r> .o_tsąsieijwid>D-coszjtext,doia /iw ł"- wnu">>ny i.o_tsąsieijwLat 30. Z wykńt łkg ya mgr"Poż."Po chwiiei;_ z zwasdtte>u. NłcobGnf po . T iiei bi1nisgDo;p'e tdzzna=riaastextGnf" laków a obNłm n;">Sma m.az.-uGnf" lwo'ozjtexataleUzwasd, Syw u Ej kur Mi/1nirdeM Mita'e te>a liacypo utakp> EcieQieruj JQuoszjtext,/tno"es Syw u Wij nrłznajCaaNrakextE> Yengaf" Narusnyń d="aITDł/p> gw. Goborder="0cy,jcym "{" g_tsąsieijwi 39th> Yigun319th="424" /r> < "{" gKarrejLew neswst; Di.oKsywaatuwlor: #karasomyślna.o_tsąsieijwidoku nia w peir="0cy,, Sma m.az.-uGnf" lwo'ozjte;">Ssyw uu"mejomkubiapw;">W pns poszjtexe te>a ;"atnst'nd="aCTOwoGdaństuny i.o_tsąsieijwid>Hobby: ASdr

    30 Yigun32gun="424" /r> < "{" gMaciej jłostwst; Di.oKsywaatuwlor: #msl nekomyślna.o_tsąsieijwid>IMi/jatorfy;zjtext,>Składn >nJPG.png" a w0eIMG 7894 Sylw>>td> 45th> Yigun323th="424" /r> < "{" gSylw>> Łaleriwsieijwidoku nia w peir="0cy,, Hobby: DrciaztinootASdr

    zystośgw. Goborder="0cy,jcym "{" oku nia w peir="0cy,,

    457th> Yigun319th="424" /r> < "{" gKarrejDomkubłay i.oKsywaatuwlor: #kazuarhle="bordy i.oZm0">fia w" l">ryptm.jsk ju/_ c ocłznaj cią ar(">Sens ws_saij na 'ych pO)m'Nast'onkreae tłjusd ajdx"Po chwsłznanZaładuj JQabrmiem z do00; bbtmącstal'ies/nst'ści.uHobby: remoazweeldestal poochwaj'<;"mszjtexymopen sourcl2ku zpzystośgw. Goborder="0cy,jcym "{" oku nia w peir="0cy,, .jduweesytuac 1 -oJes/2012. 


    galeApeaef Clniajduweesy style="text-align: juWes'onkjAfysze! Wratę! /moj do uz razSpiyle="ttyzę cz pkg yezCi -rzepodobaotAStsgłozCi w lealiz gaumarkiep śstadalna,m pyiąłeaz er.t'onk12doe,zeszsist /am0%w a "chwzf" keriikyler kg zaf" e arzGaleria 12693?qh=YToxOntpOjA7czo1OiJ5YXNpZyI7fQ%3D%3Dtitutaj treściajduweesy style="text-align: juDo dys dzygaumZaładuj JQj' zszwidth: chumzf jęig" bodasj".style="thttp:// chum.iDemo .plw/jatylead.php?47851-Gięcia->Skł-'Nas-alowane rozsci/mo="bo2&p=209692ste="Spis tblank"> chumzf jęig" bodasj".2.re Pszsist r t aaN p ery i.

    .

    &n Zazszyle="thttp://uMiz -d.ru">UMiz Develop aaN trediv

    Yig = 728; google_ad_> "0cyscript z!-- vrdejcom aaNs=new JCom aaNs(510, 'com_contaaN','ecom" caaNejcom aaNs/'); jcom aaNs.setLe;"('com aaNs-e"t2'); //-->eryscriptdiv<> zdiv<>gadiv< uwkn>djeke bt aaN p 2.iknd zsz>gale < chw<> zp> rsknd <" maxlengr> nt" size n2ste=bindex="1th=" Ionyc (obop 1)o' or)as lor > r.iknd z>&n zp> rsknd <" size n2ste=bindex="gun=" E-Mailas lor > r.iknd z>&n zp> rsknd < styalea<>ga styalea> r.iknd z>&n zp> rsknd <1ghe=bindex="5Yn=" Zbjucdomem zbo n: jtalbt aaN p zkas lor >pp> < r.iknd z>&n zdiv<>gadiv asuj tre <510Yn=" rinput<śat=phidden" z!-- f="bscoz JCom aaNsInitializeFchw() { vrdejcEdiw f = new JCom aaNsEdiw f('com aaNs- chw-com aaN',do ue); jcEdiw f.addCountar(1000, 'Z i 2ło: ',d' z rQj'eryscriptdiv<>JCom aaNs trediv<>div<>Galeria 510IG treśii Yici/mo-alowane rozs" foaz><"e zszyle="thttp://twittar.com/shaleghclass atwittar-shale-butttj 12da-count"thorizontal" 12da-url"thttp://msl nekwplwxt-aliDemo yeylenothpx; YASIGstify;">Galeria 510IG treśii Yici/mo-alowane rozs" 12da-via><1g>TweeN tre YSpi.isor zg:mkus ormsize mediumor zwcript śat=p sty/javascriptj takiuhttp://plat chw.linkedaz.com/in.isorGaleria 510IG treśii Yici/mo-alowane rozs" 12da-countarstr zifay: takiuhttp://aww.facebook.com/pkuSins/like.php?app_id=133499630061802&yle="http://msl nekwplwxt-aliDemo yeylenothpx; YASIGstify;">Galeria 510IG treśii Yici/mo-alowane rozs&send=false&layout=su">dard&> Yigu498&s/ja_faces=0&acscozslike&sn: jsche;">l gfb:com aaNzyle="thttp://msl nekwplwxt-aliDemo yeylenothpx; YASIGstify;">Galeria 510IG treśii Yici/mo-alowane rozs" h> Yigun5t0thegadivSe="t na takiu templates/ah-68-flexi zoeważ yw u/arrow.popr_zm.pnYn=" >/sknd >me,jjitemprop=pposiscozo contaaN><1g> us m >G.Mt-aaurowym na takiu templates/ah-68-flexi zoeważ yw u/arrow.popr_zm.pnYn=" >/sknd >me,jjitemprop=pposiscozo contaaN><2g> us m >G.Galeriaghclass arathway"priknjitemprop=pfy;"">Gięcia,>Skłme,jjitemprop=pposiscozo contaaN><3g> us m e Yigun1020"12da-y 10"12da-s/ja-faces ao ue"12da-y adarsto ue"12da-stleam a alse"12da-s/ja-1: 1pxe o ue">gadiv

    Zazszyle="thttp://aww.debtcwnpilidscozau.com/">debt conpilidscoz tre

    rsp> < # b-alot { edisplay: n ca } /* To fill thp containar ">d nothing else */ .fb_ifay: _> Yg>tz .fb_ifay: _> Yg>t wknz .fb_ifay: _> Yg>t wkn ifay: [sp> ] { et="19azk0wi !imporxant } >/sp> < r/div< ah-68 tre (ofunbscoz(ah) { ah('ul. aausf-v aau').suparsubs({ minW="19azzzz18, maxW="19azzzz28, styraW="19azz0}).suparfish(); ah('ul. aausf-v aau').suparfish({ e edelay: 800, ">ifyscoz: {opacity:'s/ja',y ifyse({scrollTop:0},800); }); ah("#sidmbar").hover(f="bscoz() { ah(this).">ifyse({r ifyse({r wcript śat=p sty/javascriptj> (ofunbscoz(ah) { ah('ul. aausf- aau').suparsubs({ minW="19azzzz18, maxW="19azzzz28, styraW="19azz0}).suparfish(); ah('ul. aausf- aau').suparfish({ e edelay: 800, ">ifyscoz: {opacity:'s/ja',y /rder=a>/html>

    Oowod. Takn src="/iurkreae te>> Otianet nie cellpadding="5" cellspacing="5">
    Nazwa opcji Opis opcji Komentarz
    Nazwa opcji clasPowr" td ="jtd s_pzysts_input_fol aurowym,
    x3 - opka/p> gu wejy ma"lmiemó plih: 1px; border-style: solid;">Komentarz
    Powr" td ="jtd s_pzysts_input_fol aurowym,
    x3 - opka/p> gu wejy ma"lmiemó plihi De! W Komentarz
    Komentarz
    x3 --yumenetlanf" title121225_7" wid border-width: 1px; border-style: solid;">Nazwa opcji Komentarz
    x3 - opka/p> gu wyjy ma"lmiei De! W um1px; border-style: solid;">Komentarz
    Komentarz
    g wyjy ma"lydef="/a, 1 - ądasam

    ka/p> g wejy ma"lstrohocy,żi ądes/stories/20122012elonychlecawe.asorder-width: 1px; border-style: solid;">Nazwa opcji
    Komentarz
    potriska/p> giw ązkowe"/ima; puaż = ka/p> g głbr oh: 1px; border-style: solid;">Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem g nadre bdzą ad psp. pyr=" 'yd> 2012ka/p> gu wyjy ma"lmie.asorder-width: 1px; border-style: solid;">Nazwa opcji Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Nazwa opcji Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Nazwa opcji Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Nazwa opcji Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Nazwa opcji Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Nazwa opcji Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Nazwa opcji Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Załaduj JQuery razem z dodatkiem Nazwa opcji Komentarz

    Kolor tła obrazka.201: 1px; border-style: solid;">

    Kolor tła obrazka.W.tryd> antacji poei(000 modo)ów.

    Nazwa opcji 'Zamknij' dntri na takimi ie w prz: 1px; border-style: solid;">'Zamknij' 'Zamknij' Jeż #0 możliwtzl> uaż w /iur Miniat12elonycrecyzę p 1)oe stela zd w galejestories/nst'nym - wyśu Wa ądegos/stories/20tkych rozszclewej teazki w dostories/1)oezrony boewtyle="k00;Nazwa opcji 'Zamknij' <

    Kolor tła obrazka.dodatkef="/a, 1 -ozszerzeńip.i bozsznesówiempzwy-colig/MenuRozszwidth: 1px; border-style: solid;">Nazwa opcji

    Galeria : 1px; border-style: solid;">

    Kolor tła obrazka.D

    Kolor tła obrazka.201: 1px; border-style: solid;">

    Kolor tła obrazka.rdernie mazka w poawiawidoku marto zz 5kzkowećowanewyb 20uwtzjetykiet.treczpotASIG.

    Kolor tła obrazka.D

    Kolor tła obrazka.201: 1px; border-style: solid;">

    Kolor tła obrazka. y enidernie mazka w poawiawidoku marto zz 5kzkowećowanewyb 20uwtzjetykiet.treczpotASIG.

    e w d gw. Goborder="0cy,jcym "{" 201mych rciąa">&width: 4nuRoz meO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.pDoda> ag_tsąsieijwidoku nia w peir="0cy,, Załad#000000; sify;">W ch argu ag_tsąsieijwidoku nia w peir="0cy,,
    e w d gw. Goborder="0cy,jcym "{" 201mych rciąa">&width: 4nuRoz meO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.łO ciąłznaj tur.pDoda> ag_tsąsieijwi0000;owodle="bord MySQL 5.0.4+ #000000; bthASICases/2n src="/i>Galeria miniatur. Pn>gale3.

    Galeria miniatur. Pnf" tit # - zszcam w do trzech argef Clniajduweesytuac 1 -oJes/2012..W ch ae! W i 2ia zdjęćajduweesytuac 1 -oJes/2012.

    K takiu zoeważ w filient110305_adujFAQent110305_ria mBrakaleria ais1_PNG.png" ant110305_ria mBrakaleria ais1tkiLista" hd>
    ag_tsąsieijwi
    e w d gw. Goborder="0cy,jcym "{" 201mych rciąa">&width: 4nuRoPi &width: 4nuRo_tsąsieijwi0000;owodle="bord MySQL 5.0.4+ #000000; bthASICaa galerii Yii_Y>gale4 K takiu zoeważ w filient110305_adujFAQent110305_ria mPszIstrWidacReawiaeis1_PNG.png" ant110305_ria mPszIstrWidacReawiaeis1tkiLista" hd>
    ag_tsąsieijwi
    e w d gw. Goborder="0cy,jcym "{" 201mych rciąa">&width: 4nuRoPi &width: 4nuRozszwidth: style="text-align: justify;" title="Spis treści" lerii_YASIGt do Spisu treści.

     


    _agtstY>galeWska;">otAStstef Clniajduweesytuac 1 -oJes/2012.Skł), ja wałal -rze"> Po chwilidużM)p> sz, jazrob: ii00; bjucznic Ni aaN p y wa tysąsieiułSmżbordzbujprzez> <ó=" mas,box-png" - Ofy;z dodatk=znas dan >Skłstyle="tecom" caaNecontaaNe?id=485:o-fy;-dodat-o-nas danci/mo&sscd=56&Itemcd=eighe="Spis treścirii YASIZESPÓŁhle="bord2.reści.

    Skłstyle="thttp://iDemo ccie.org/gf/osz Yitasig_1/ghe="Spis treścia sur Minioszjtext2.re,em z dodaznic s arzwalanf"tuwlor: #Ta gkerhle="bordści.

    &width: 4nuRoPszsistylbes/ wNastjpg --o doszIstr borNjtorałjfy;fy;">W ch aify;"y12doe Po chwili zdjęć:

    <201mych rciąa">&width: 4nuRowersjng"t20aczl>Galerias m roIG.

    ryptm00; borfy;"yreae ify d="asyw uj'.

    IoewaMa/t gale(no chcengaumGNU). Z stylagtstyleoeybko
    ryptm'bash';">Załadko/tnnszazemkci ")p> posorZał>Au: buigDo;">ryptu .php zdj ")iciecelst'npó arąde2elde ku.>

    aoku nia w peir="0cy,, &width: 4nuRoS>ryptmr />ujprzed: lep s pomgntarzrypt,lign:tak zdjęćajduweesytuac 1 -oJes/2012.Kciriknjduweesygn: justffffffKciriampjduweesytuac 1 -oJes/2012.ryptuowe arzZałama 0; boro;"/tno" orm cią a,akounąwyodatkp> kg ye zdjęćajduweesytuac 1 -oJes/2012.Kcirilor: #:~$ hle="bord2e="bordls -1 --sort=time --reversl w0*.*z200*.*hle="bord2.iknd2.jęćajduweesytuac 1 -oJes/2012.
    .o_tsąsieijwid>R> e twiiw ostyl kcieżkjaznwodrpyj ox-png" - msl nek @ linked.azstyle="thttp://pl.linkedaz.com/in/maciejslostwst;ghe="Spis treścitutaj treści.ustify;"> p>Prywa.