Archiwa kategorii: Galerie

Stary dobry lightBox na frameworku jQuery

lightbox jquery

Pamiętacie skrypt galerii lightBox na frameworku prototype? Na pewno tak, ponieważ był tak popularny, że bardzo dużo stron internetowych go używa. Nawet ja nie opisywałem go na blogu (chociaż może powinienem?). Co jednak zrobić, kiedy chcemy koniecznie mieć skrypt glalerii LightBox a mamy inny skrypt napisany w jQuery? To proste, zainstalować lightBox napisany w jQuery! Skrypt wygląda i dział tak samo. Unikniemy w ten sposób konfliktu frameworka jQuery i Prototype a nasza strona szybciej będzie się wczytywać.

lightbox jquery

Wymagania: jQuery
Link: http://leandrovieira.com/projects/jquery/lightbox/
Licencja: CC

PaintbrushJS – biblioteka do operacjach na zdjęciach

paintbrushjs

PaintbrushJS jest biblioteką filtrów do zastosowania na zdjęciach. Do wyboru mamy dużą paletę możliwości jeżeli chodzi o filtry. Można je stosować na znaczniki <img> wpisując w atrybucie class odpowiednia nazwę filtra oraz dodatkowe parametry. Niestety biblioteka nie działa w IE8. Może się to zmieni we wrześniu, kiedy planowana będzie nowa premiera IE9.

paintbrushjs

Wymagania: Nie działa w Internet Explorer 8
Link: http://mezzoblue.github.com/PaintbrushJS/demo/
Licencja: MIT

PhotoNav – panorana 360 stopni w jQuery

photoviewer

Niedawno wróciłem z wakacji. Jedną z moich ulubionych rzeczy, jakie fotografuje to panoramy. Robię to tak ,że fotografuje przestrzeń po kawałku, a następnie składam zdjęcia w specjalnym programie. Tak złączone zdjęcie warto by było ładnie pokazać. Można to osiągnąć używając tego skryptu. Panoramiczne zdjęcie obraca się po najechaniu na nią myszą.

photoviewer

Wymagania: jQuery
Demo: http://www.gayadesign.com/scripts/photonav/
Download: http://www.gayadesign.com/scripts/jqueryphotonav/jqueryphotonav.zip

Image Scale Carousel – panoramiczna galeria w jQuery

jQuery Image Scale Carousel

Prosta Panoramiczna galeria wykonana przy pomocy frameworka jQuery. Automatycznie skaluje zdjęcia do rozmiaru ramki i przysłania je od góry i dołu. Nie musimy się zastanawiać jakiej wielkości są zdjęcia skrypt galerii ze skaluje je za nas. Do pomocy mamy również plik PHP, który automatycznie uzupełni nam index zdjęć.

jQuery Image Scale Carousel

Wymagania: jQuery, PHP
Link: http://johnpatrickgiven.com/jquery/Image-Scale-Carousel/
Licencja: Darmowa

Pagemap – Galeria zdjęć w jednym pliku PHP

pagemap

Jeżeli chcecie mieć prostą i szybką galerie zdjęć, ten skrypt z pewnością będzie się nadawał. Jest to galeria zdjęć zaprogramowana w całość w jednym pliku, sama przycina zdjęcia do odpowiedniego rozmiaru i tworzy miniaturki. Skrypt napisany jest w języku PHP. Zauważyłem również że przy bardzo dużej ilości zdjęć, skrypt wczytuje dalsze zdjęcia dopiero podczas przewinienia w dół. Po kliknięciu na zdjęcie wyświetla się ono na pełnym ekranie, umożliwiając przełączanie miedzy zdjęciami. Instalacja skryptu jest niezwykle prosta kopiujemy jeden plik na serwer. Do tego samego katalogu wrzucamy zdjęcia i skrypt automatycznie robi resztę. Ponadto skrypt tworzy plik konfiguracyjny, w którym możliwe jest ustawienie niektórych opcji galerii.

pagemap

Link: http://getpagemap.com/pagemap-imagewall
Licencja: Darmowa

TJPzoom 3 – lupa w JavaScript

tjpzoom3

Lupa do powiększania szczegółów obrazków. Świetnie nadaje się, gdy prowadzi się stronę internetową z monetami, znaczkami albo banknotami. Jednym słowem znakomity skrypt do stron numizmatycznych. Oczywiści zakres zastosowań może być inny. Lupka napisana jest w JavaScript. Jej najważniejsze zalety to kilka rodzajów ramek lupki, oraz dwa sposoby powiększania zdjęcia. Pierwszy normalny a drugi przy użyciu pary zdjęć. Drugi sposób jest znacznie ciekawszy ponieważ mając dwa zdjęcia, jedno małe a drugie bardzo duże (o ty samych proporcjach) można stworzyć naprawdę fajny efekt lupy.

tjpzoom3

Uwaga żeby zapisać skrypt na dysku, trzeba kliknąć prawy klawisz myszy na linku i wybrać „zapisz link jako” lub coś podobnego. Inaczej wyskoczą krzaczki.

Link: http://valid.tjp.hu/tjpzoom/
Download: http://valid.tjp.hu/tjpzoom/tjpzoom.zip
licencja: CC

Kurtyna w górę z jQuery

curtain

Animowana czerwona kurtyna, która po pociągnięciu za sznur otwiera się jak w prawdziwym teatrze. Fajny bajer, gorzej ze znalezieniem zastosowania :). Może to być preloader dla „strony wizytówki” teatru, albo wstęp do albumu zdjęć lub do filmiku z YouTube z przedstawienia teatralnego. Skrypt dział na frameworku jQuery.

curtain

Framework: jQuery
Link: http://buildinternet.com/2009/07/animate-curtains-opening-with-jquery/
Demo: http://buildinternet.com/live/curtains/
Licencja: Darmowa

SmoothGallery – galeria obrazków w MooTools

smoothgallery

Galeria obrazków wykorzystująca framework MooTools. Komponent posiada szereg funkcji takich jak pokaz slajdów, kilka sposobów przejścia między zdjęciami, opisy zdjęć. Duża zaletą komponentu jest to  że można poukładać zdjęcia w grupy. Następną zaletą galerii jest to, że dołączony jest do niej plik PHP, który umożliwia zmieszanie zdjęć. Komponent z tego co się doczytałem umożliwia również wyświetlanie zdjęć z portalu Flickr, ale nie zdążyłem tego przetestować.

smoothgallery

Wymagania: MooTools
Link: http://smoothgallery.jondesign.net/
Licencja: GPL