Archiwa kategorii: Galerie

Image Zoom Tour – wirtualny spacer

image zoom tour

Skrypt jQuery pozwala zaprojektować coś w rodzaju wirtualnego spaceru. Tworzymy zdjęcie na którym zaznaczamy obszary, które będą hiperłączami na przykład do drugiego pomieszczenia, do środka budynku lub zbliżeniem jakiegoś przedmiotu. Po naciśnięciu na obszar płynnym efektem przejścia przechodzi się do tego przedmiotu. W nowym zdjęciu również możemy zamieszczać nowe klikalne obszary. Skrypt świetnie nadaje się również do opisywania rożnych towarów/produktów jak na przykład pokazane w skrypcie akcesoria ze sklepu IKEA.

Framework: jQuery
Demo: http://tympanus.net/Development/ImageZoomTour/index2.html
Opis: http://tympanus.net/codrops/2011/08/23/image-zoom-tour/

 

 

Image CRUD – biblioteka do galerii dla CodeIgniter

image-crud

W poprzednim wpisie narzekałem, że biblioteka Grocery CRUD ma słabe wsparcie jeżeli chodzi o galerie. Wiedziałem już, że na stronie autora jest link do innego projektu, który jest osobną biblioteką do zarządzania galeriami. Ubolewałem, że te biblioteki nie są ze sobą połączone. Jak się okazało połączenie ich w CodeIgniter jest wyjątkowo proste. Wystarczy zainstalować obie biblioteki utworzyć odpowiednią bazę danych. W kontrolerze użyć metody „add_action” z biblioteki grocery-crud i dodać nowy przycisk, który odnosi się do innej strony przekazując jednocześnie id rekordu. W kontrolerze do którego zostaliśmy przekierowani możemy już w prosty sposób utworzyć galerię. Przygotowanie takiego prostego przykładu zajęło mi może z 30 linijek kodu. Tak powstał panel do edytowania wpisów wraz z edytowaniem zdjęć w galerii.

image-crud2

Może troche o samej bibliotece Image CRUD. Umożliwia ona dodawanie zdjęć. Zdjęcia pokazują się w miniaturkach. Zdjęcia można kasować oraz dodawać do nich opisy. Można również zmienić kolejność zdjęć.

 

http://www.grocerycrud.com/image-crud

NailThumb – biblioteka do zmiany rozmiaru obrazów – jQuery

Biblioteka NailThumb pozwala w prosty sposób tworzyć miniaturki. Miniaturki tworzą się po stronie klienta, tak więc nie obciążają serwera podczas generowania. Demo pokazuje wiele opcji dopasowania miniaturki do żądanego widoku. Warto rozważyć takie rozwiązanie podczas budowania aplikacji.

NailThumb jQuery

Framework: jQuery
Demo: http://www.garralab.com/nailthumb.php
Demo2: http://www.garralab.com/nailthumb-demo.php
Licencja: GPL

 

Backstretch – skrypt do wyświetlania obrazków w tle – jQuery

Backstretch to skrypt napisany na frameworku jQuery, który pozwala na wyświetlanie obrazka w tle. Obrazki są pobierane dynamicznie i  automatycznie dopasowują się do rozmiaru okna przeglądarki. Tło może być stałe, można je zmieniać przyciskiem lub utworzyć pokaz slajdów w tle. Skrypt Backstretch jest rozpowszechniany na zasadach licencji MIT i GPL.

backstretch jquery

Framework: jQuery
Demo: http://srobbin.com/jquery-plugins/backstretch/
Licencja: MIT GPL