Gdy chcemy szybko stworzyć galerię naszych zdjęć w Internecie warto skorzystać z dwóch darmowych projektów, które dzięki skryptom PHP i technologii Flash, stworzą efektowną galerię fotografii, z automatycznym generowaniem miniaturek i animowanymi przejściami. Wystarczy tylko przekopiować odpowiednie pliki na serwer, skopiować swoje zdjęcia i uruchomić dołączony skrypt PHP. Oto dwa polecane przeze mnie rozwiązania:
- SimpleViewer – nie obsługuje podkatalogów, ale dostosowuje rozmiary wyświetlanych zdjęć do rozmiaru przeglądarki, galerie można tworzyć zarówno na serwerze, jak i z pozycji popularnych programów do zarządzania zdjęciami np. Picasa,
- Andrew Berg’s Flash Photo Browser – nie obsługuje podkatalogów i działa jedynie za pomocą skryptu PHP, ale za to oferuje dwa tryby wyświetlania stos zdjęć lub siatkę, mały i sympatyczny skrypt,
- PhotoFolio – główną zaletą programu jest obsługiwania podkatalogów ze zdjęciami, co umożliwia tworzenie wielu albumów w jednej galerii, galeria ta działa w oparciu o skrypt uruchamiany na serwerze, ale sterujące nią pliki XML można z powodzeniem edytować ręcznie,
- dfGallery – darmowa galeria oferująca katalogi oraz obsługę kont Flickr, Picasa itp., dzięki czemu nie musimy składować zdjęć na własnym serwerze, oparta o XML, dowolnie skaluje zdjęcia, działa również w trybie Full Screen,
- WS-Slideshow – darmowa galeria oferująca katalogi i pewną indywidualizację wyglądu, oparta o XML, dowolnie skaluje zdjęcia, działa również w trybie Full Screen,
- Flash-Based Galleries For Your Images – więcej, często całkiem efektownych galerii w technologii Flash, wymienionych we wpisie na blogu “Smashing Magazine”.
Osobiście nie przepadam za technologią Flash, ale ma ona wiele zalet w tworzeniu galerii zdjęć. Galerie tworzone przez zastosowanie animacji Flash i sterującego nią pliku XML (tworzonego ręcznie lub przez skrypt PHP) pozwalają każdemu na łatwą i dynamiczną prezentację swoich zdjęć. Dodatkowo można je tak spreparować, aby nie było możliwe skopiowanie prezentowanych plików. Jeżeli jednak szukacie efektownego zastępnika Flashowych galerii, istnieją niezmiernie ciekawe i efektowne projekty stworzone w JavaScript. Wystarczy dodać te skrypty do strony i lekko zmodyfikować odnośniki do obrazów, aby móc się cieszyć dynamicznym wyświetlaniem zdjęć na własnej stronie.
- Lightbox JS (skrypt ten umożliwia bardzo proste tworzenie systemu wyświetlania zdjęć na stronie www, umożliwiając pokazywanie zdjęć na rodzaju warstwy nad właściwą treścią strony, na dodatek, nawet jeżeli użytkownik ma wyłączoną obsługą JavaScript, to wzbogacone tym skryptem strony nadal zachowują funkcjonalność),
- Litebox albo Slimbox (odmiany powyższego skryptu, o zmniejszonej wielkości ładowanych plików),
- ThickBox (kolejny skrypt zainspirowany techniką Lightbox, służący do wyświetlania dowolnej zawartości – zdjęć, tekstu całych stron, w “pływających” ramkach),
- GreyBox (jak wyżej, ale ciut inaczej),
- Highslide JS (podobny do Lightbox’a, ale inny, ciekawy system dynamicznego pokazywania zdjęć),
- Shadowbox (chyba najbardziej rozbudowany system typu “Lightbox”),
- Fancybox (skrypt typu “Lightbox” o sympatycznej estetyce).
Tabela porównawcza rożnych skryptów dla uzyskania efektu “Lightbox” znajduje się na stronie – The Lightbox Clones Matrix.
Istnieją też galerie w JavaScript, które wyglądają niczym animacje Flash:
- JonDesign’s SmoothGallery (efektowne połączenie galerii z pokazem zdjęć),
- 35mm Photo Viewer (bardzo efektowna galeria),
- TripTracker slideshow (animowane pokazy zdjęć).
Więcej sposobów na tworzenie dynamicznych galerii zdjęć znajdziecie tutaj:
- 30 Best Solutions for Image Galleries, Slideshows, Lightboxes
- Downloadable AJAX Galleries, Slideshows and Effects
- 21+ beautiful Javascript and Ajax based solutions to our gallery requirements
Istnieje nawet możliwość przekształcenia zwykłej listy napisanej w HTLMu w efektowną galerię opartą o style CSS:
- Cross Browser Multi-Page Photo Gallery (galeria zdjęć oparta wyłącznie o style CSS i działająca w każdej przeglądarce).
- Suckerfish HoverLightbox Redux (galeria zdjęć oparta o style CSS i Lightbox)
Jest też wiele systemów automatycznego tworzenia galerii na stronach www, które wykorzystują rozbudowane panele administracyjne i bazy danych, ale nie przypadły mi one do gustu. Zainteresował mnie natomiast skrypt:
- Zenphoto (system do tworzenia galerii zdjęć).
Zestawienie kilkudziesięciu innych systemów galeryjnych znajduje się na stronie – 50 Excellent Image Galleries You Can Use Today.
Polecam tez JAlbum http://jalbum.net/ :)
Co dokładnie nalezy zrobic w tym przypadku, co oznacza “wlasciwa pozycja” prev itd. gdzie powinny sie znajdowac?
Liczę na pomoc,
:)
“Check the CSS and make sure the referenced prev.gif and next.gif files are in the right location. Also, make sure the loading.gif and close.gif files as referenced near the top of the lightbox.js file are in the right location. “
powinny się znajdować w swoim katalogu, czyli tam gdzie wskazuje ścieżka podana w stylach CSS, jeżeli nie kombinuje się nic z plikami, które się ściągnęło jako gotowy skrypt, to nie ma to znaczenia
Wlaśnie nie mogę sobie poradzić z dostosowaniem jalbum-u do strony. Help!
Wiem, że należy skopiować skórkę, utworzyć dla niej katalog, potem z pliku index.htt usunąć początek kodu, aż do i… od tego momentu sie gubię…
Jeśli ktoś znajdzie czas na podpowiedź co dalej, bardzo mi pomoże. Z góry dzięki,
:)
Do znawców JAlbum,che dostosowac galerie do wlasnej strony ale od 5 punktu sie gubie. Gdzie nalezy wkleic i jaka “content”czyli zawartosc…
2. Arrange the top
1. Pick a fairly clean page from the existing site.
2. Copy the html code from the top of that file to the place where you want Jalbum to add it’s thumbnails. In our case where this text is located: “This section is supposed to have a gallery of car images produced by Jalbum”
3. Open “index.htt” from the current skin directory.
4. Delete the existing code from the top to and including the tag.
5. Paste the contents of the clipboard.
3. Arrange the bottom
1. Return to the original page from the existing site. Now copy the rest of the code into the clipboard.
2. Go back to “index.htt” and replace the end, starting just before the tag, with the contents of the clipboard.
3. Save and repeat this process with the “slide.htt” file.
dzieki wlasnie tego szukalem :)
bardzo dobre !!!!
świetne
Bardzo dobry i pomocny artykuł! Polecam wszystkim, którzy zaczynają przygode z fotografowaniem i tworzeniem galerii Internetowych.
Pozdrawiam
Hejka super informacje thx :)
swietne ! dobra robota, dziekuje
Dzięki wielkie za ten artykuł! pozdrawiam serdecznie! Kawał dobrej roboty!
Ciekawy i prosty w obsłudze skrypt – http://p.horm.org/er/
super .. tego szukalem :) ucze sie html i dlatego pomoc mi sie przydala :)
tyle szukania w google a tu wszystko razem! super brawo dla autora!
świetne skrypty:) ale szukam czegoś ze źródłem *.fla
Swietna strona, dzieki za obszerne info o galeriach zdjęć. Pozdrawiam :)
Bardzo dobry artykuł, zaoszczędzający wiele nerwów :)
Co Pan sądzi o propozycji imagevue?
Świetny artykuł. Lightboxa natychmiast wykorzystałem :)
poprostu tego szukałem! świetny artykuł !
Andrew Berg’s Flash Photo Browser – Przesłałem wszystkie pliki na serwer i nie uruchamia się. Pomóżcie mi, proszę. Nie daję rady, bo opis nie jest po polsku. admin@fajerwerki.info
Dzięki – bardzo mi się przydało :)
Świetna strona, dużo przydatnych informacji. Oby takich więcej :D
Rewelacyjna pomoc!
Jakoś nie wychodzi mi z tym Lightbox JS. Gdy już postawiam zdjęcia w galerii i je przeglądam, zamiast przycisku next i prev na zdjęciach pokazuje się duży na pół zdjęcia prostokąt, a znika dopiero po najechaniu myszką na niego.
Co mam zrobić- proszę o pomoc
Dziwne. Być może kwestia pogrzebania w pliku CSS, albo wina przeglądarki.
fajne kompedium :)
przykłady instalacji by się przydały :)
Bardzo przydatne informacje – dziękuję.
Jestem jeszcze dość zielona w tworzeniu stron, ale z instalacja poradziłam sobie bez problemu – i wszystko działa!
Witam, szukam darmowej galerii na portal, która posiada autoryzacjęurzytkowników, czyli będą mogli dodawać fotki :)
Ktoś wie jak używać JonDesign’s SmoothGallery i Lightbox jednocześnie?
Kiedy korzystam ze skryptów osobno to jest ok, ale w momencie, kiedy wrzucę w head’a oba skrypty to żaden nie działa. googlałem, ale bez większych rezultatów.
Pozdrawiam