Wydrukuj tÄ™ stronÄ™

Po prostu prosta galeria

Oceń ten artykuł
(0 głosów)

Simple Image GalleryGrecki portal JoomlaWorks.gr oferuje wiele atrakcyjnych, zarówno darmowych, jak i komercyjnych, ale niedrogich popularnych rozszerzeń, znanych zapewne polskim użytkownikom, m.in. bot AllVideos, moduł AJAX Newsflash, bot Ultimate PNG Fix, bot Tabs In Content Items, AJAX Header Rotator, moduł Ultimate Content Display (zintegrowana, doskonalsza wersja modułów Ultimate AJAX Newsflash i Content Items Fading Scroller), komponent Media Manager XTD, bot AJAX Vote, Simple Image Gallery Pro Frontpage Slideshow. Od wczoraj w naszej plikowni dostępne są dwa boty pośród tej bogatej palety rozszerzeń: Simple Image Gallery 1.2.1 oraz All Videos 2.4.

Simple Image Gallery

Niezwykle użytecznym dodatkiem jest bot Simple Image Gallery . Autorami bota jest dwóch projektantów: Fotis Evangelou - George Chouliaras z JoomlaWorks.

Ten fantastyczny dodatek umożliwia umieszczanie wewnÄ…trz artykułów niewielkich galerii z grafik czy zdjęć umieszczonych w folderach w katalogu /images/stories. W tekÅ›cie wyÅ›wietlane sÄ… miniatury obrazów. KlikniÄ™cie w miniaturÄ™ przyciemnia jÄ… (efekt shadows), a obraz wyÅ›wietlany jest w oryginalnych rozmiarach w pÅ‚ynnie otwierajÄ…cym siÄ™ oknie typu "lightbox" (z czarnÄ… "maskÄ…" przykrywajÄ…cÄ… stronÄ™). Miniatury generowane sÄ… "w locie" przez PHP.

Pojedynczy obrazek

{gallery}fotka{/gallery}

Obsługa

ObsÅ‚uga jest niezwykle prosta. Chcesz umieÅ›cić w artykule galeriÄ™. Tworzysz wewnÄ…trz katalogu images/stories/ folder, nazwany np. lato_w_italii i wczytujesz tam zdjÄ™cia. NastÄ™pnie tworzysz nowy lub redagujesz istniejÄ…cy artykuÅ‚ i wstawiasz znacznik {gallery}lato_w_italii{/gallery} w miejscu, w którym chcesz zaprezentować fotografie. W dowolnym miejscu - nie musi to być na koÅ„cu artykuÅ‚u. To wszystko! Odpal swojÄ… ulubionÄ… przeglÄ…darkÄ™, przejdź do artykuÅ‚u i… Voila!.

Mini galeria

{gallery}fotki{/gallery}

Powtórzmy

Aby wyświetlić wewnątrz artykułu lub materiału statycznego dowolną galerię, wystarczy

  • stworzyć folder z obrazkami w katalogu /images/stories, np.: /mojefoto
  • umieÅ›cić w tekÅ›cie znacznik {gallery}mojefoto{/gallery}

WewnÄ…trz znacznika {gallery} {/gallery} podajemy nazwÄ™ folderu z obrazkami. To wszystko!

Kilka galerii

JeÅ›li chcesz umieÅ›cić w artykule wiÄ™cej niż jednÄ… galeriÄ™, stwórz po prostu podfoldery, np. folder/pod_folder/nastepny_pod_folder i umieść w nich pliki z grafikami. W znaczniku {gallery} wystarczy potem podać odpowiedniÄ… Å›cieżkÄ™ do plików, np. {gallery}folder/pod_folder/nastepny_pod_folder{/gallery} (bez ukoÅ›ników na poczÄ…tku i na koÅ„cu - sÄ… dodawane automatycznie)

Zalecane jest umieszczanie nie więcej niż 16-20 obrazków w jednym artykule, aby nie powodować zbyt długiego czasu wczytywania.

Bot jest doskonaÅ‚ym rozwiÄ…zaniem dla portali, w których chcemy wyÅ›wietlać zdjÄ™cia produktów, np. wewnÄ…trz innych artykułów. MożliwoÅ›ci wykorzystania bota ograniczone sÄ… tylko TwojÄ… wyobraźniÄ….

Zatem, teraz:

  • nie potrzebujesz dodatkowego komponentu galerii, aby wyÅ›wietlać kilka obrazków,
  • nie potrzebujesz odsyÅ‚ać goÅ›ci odnoÅ›nikami typu "Aby zobaczyć nasze fotografie z Paryża, kliknij tutaj" oraz
  • wiÄ™cej uwagi możesz poÅ›wiÄ™cić treÅ›ci artykułów, zamiast zarzÄ…dzania galeriÄ….

Parametry

DomyÅ›lne ustawienia parametrów prezentacyjnych można zmodyfikować w edytorze bota w panelu administracyjnym (Boty ⇒ Simple Image Gallery):

  • Szerokość miniatury: OkreÅ›l w pikselach maksymalnÄ… szerokość miniatury, np. 140. Nie dopisuj jednostki miary! Im mniejsza szerokość, tym wiÄ™cej obrazków znajdzie siÄ™ w jednym rzÄ™dzie.
  • Wysokość miniatury: OkreÅ›l w pikselach maksymalnÄ… wysokość miniatury, np. 90. Nie dopisuj jednostki miary!
  • Jakość miniatury: Zastosuj wartoÅ›ci od 0 do 100. Najlepszy rezultat zapewnia wartość 100, ale powoduje generowanie wiÄ™kszych plików, a wiÄ™c zwalnia wczytywanie. Zalecane sÄ… wartoÅ›ci pomiÄ™dzy 60 i 70. PamiÄ™taj: im mniejsza wartość, tym mniejszy rozmiar pliku.
  • Porada: Jak nawigować?: Zaznacz Tak, aby w oknie podglÄ…du wyÅ›wietlać poradÄ™ dla użytkowników objaÅ›niajÄ…cÄ… sposób nawigacji. Tekst porady ustalasz w kolejnym parametrze.
  • Tekst porady: Wpisz zwiÄ™zÅ‚y tekst objaÅ›niajÄ…cy, np. Ustaw wskaźnik myszki nad lewÄ… lub prawÄ… strzaÅ‚kÄ…, aby przejść do podglÄ…du poprzednich i nastÄ™pnych obrazków. Porada bÄ™dzie wyÅ›wietlana jedynie wówczas, gdy powyżej ustawisz opcjÄ™ Tak.
  • Komunikat z tytuÅ‚em?: Zaznacz Tak, aby w oknie podglÄ…du pod grafikÄ… wyÅ›wietlać komunikat z tytuÅ‚em artykuÅ‚u, w którym umieszczona jest galeria. Tekst komunikatu ustalasz w kolejnym parametrze.
  • Tekst komunikatu: Wpisz zwiÄ™zÅ‚y tekst poprzedzajÄ…cy tytuÅ‚ artykuÅ‚u, np. OglÄ…dasz obraz z artykuÅ‚u: Komunikat bÄ™dzie wyÅ›wietlana jedynie wówczas, gdy powyżej ustawisz opcjÄ™ Tak.

Problemy

Doświadczenie w korzystaniu z bota mówi, że użytkownicy najczęściej stają wobec trzech problemów, którym można zaradzić w następujący sposób:

  1. Niewidoczne miniatury: Taki przypadek (użytkownicy IE widzą ikonę z czerwonym krzyżykiem), może oznaczać, że serwer nie umożliwia dostępu do pliku showthumb.php (plik ten powinien być zapisywalny - mieć prawa dostępu ustawione na 755 lub 777). Przyczyną może być również brak biblioteki GD na serwerze. W takim przypadku trzeba się zwrócić do dostawcy usługi o jej doinstalowanie lub uaktywnienie.
  2. Zniekształcony, zaciemniony wygląd miniatur. Sytuacja taka zdarza się jedynie w IE i tylko wówczas, gdy główny plik szablonu (index.php) rozpoczyna się od prologu XML. Ta deklaracja powoduje, że IE przechodzi w tryb dziwactw (quirks mode), a więc nie przetwarza stylów zgodnie ze standardami opartymi na CSS (na przykład, gdy są określone wewnątrz kodu bota) Problem rozwiązuje usunięcie deklaracji XML z szablonu. Prolog XML nie jest konieczny. Co więcej, po usunięciu masz szansę, że znikną także inne kłopoty w IE. Może się jednak zdarzyć, że trzeba będzie w szablonie wprowadzić jedną czy dwie poprawki. Na przykład standardowy szablon Solarflare wymaga dodatkowo określenia wysokości przycisków z lewej strony.
  3. Okno podglądu ("lightbox") jest wyświetlane bez czarnej "maski". Powodem jest defekt szablonu. Sprawdź w domyślnym szablonie Joomla!, żeby się przekonać.

Zasługi, informacje, kontakt

Bot "Simple Image Gallery" Plugin z JoomlaWorks korzysta z "Slimbox" (zaprojektowanego przez Christophe Beyls), który jest implementacją "Mootools", znanego skryptu "Lightbox". "Slimbox" generuje bardzo przyjemny efekt podczas wyświetlania obrazów z galerii.

Sprawdź, czy jest nowa wersja bota na JoomlaWorks.gr. Znajdziesz tam rónież szereg innych rozszerzeń, np.: moduł AJAX Newsflash, bot Ultimate PNG Fix, bot Tabs In Content Items, AJAX Header Rotator, moduł Ultimate Content Display (zintegrowana, doskonalsza wersja modułów Ultimate AJAX Newsflash i Content Items Fading Scroller), komponent Media Manager XTD, bot AJAX Vote, Simple Image Gallery Pro Frontpage Slideshow.

JoomlaWorks.gr jest witryną, na której znajdziesz interesujące artykuły, użyteczne wskazówki i instrukcje dla Joomla! i ogólnie dotyczące projektowania dla Internetu. Na JoomlaWorks.gr zawsze możesz pobrać najnowsze aktualizacje oprogramowania, wysłać komentarz, pytania albo podyskutować o rozszerzeniach.

Okaż swoje wsparcie Autorom oceną lub komentarzem na oficjalnej witrynie Joomla! Extensions.

Ostatnio zmieniany Åšr. 28 Mar 2012

Najnowsze od Stefan Wajda