Archiwa kategorii: Galerie

reel – panorama w JQuery

reel

Nasi sąsiedzi z Czech wpadli na świetny pomysł. Już im nie wystarczy robić najlepsze piwo :) Stworzyli oni komponent, przy pomocy którego można tworzyć panoramy 360. Jednak to nie wszystko. Komponent umożliwia tworzenie prezentacji, w której obiekt obraca się w okół kadru. Zasada działania skryptu jest prosta. Potrzebujemy długi obrazek, który zostanie wczytany na stronie, skrypt działa na zasadzie przesuwania obrazka w lewo lub w prawo. W przypadku panoram jest to kilka pikseli. Wtedy mamy wrażenie rozglądania się w lewo i w prawo. W przypadku obracania się przedmiotu w kadrze trzeba złączyć wiele obrazków i przesuwać tło o całą szerokość obrazka. Wtedy mamy wrażenie że przedmiot kręci się.   Wiele razy wykorzystywałem w pracach prezentacje panoramiczne. Szukałem wtedy jakiegoś komponentu Flash albo Java. Wtedy jeszcze zabawy z JavaScript i CSS nie były takie popularne a o AJAX nikt jeszcze dobrze nie słyszał :) Jednak te ostatnie technologi dają dużo więcej możliwość. Wymagają też dużo większej wiedzy.

reel

reel

Wymagania: Jquery
Demo: http://jquery.vostrel.cz/reel
Info: http://en.wikipedia.org/wiki/Image_stitching
Licencja: MIT, GPL

FancyBox – Galeria w jQuery

FancyBox

FancyBox to komponent do tworzenia galerii. Swoim wyglądem i działaniem przypomina popularnego lightboxa. Różnica miedzy nimi to technologia. FancyBox napisany jest w jquery a LightBox w Prototype. Druga różnica to oczywiście wygląd.  FancyBox ma bardziej Mac-owski wygląd, LightBox bardziej Windows. Jeżeli chodzi o możliwości FancyBox, to potrafi grupować obrazki i przełączać je miedzy sobą w danej grupie. Dodawać opisy pod obrazkami. Wyświetlać animację flash oraz otwierać inne strony w oknie. Osobiście polegam FancyBox. Jest jeszcze wtyczka do WordPress Fancy Gallery, którą sam mam na blogu.

FancyBox

Wymagania: jQuery
Demo: http://fancy.klade.lv/
Licencja: MIT

SimpleViewer – galeria flash i php

simpleviewer

Świetna galeria grafiki wykonana w technologi flash. Dzięki zastosowaniu tej technologi łatwiej chronić swoje zdjęcia i grafiki przed kradzieżą. Jednak najskuteczniejszym rozważaniem cały czas pozostaje znak wodny. Opcje galerii można zmieniać w pliku konfiguracyjnym. Można w nim zmieniać kolory, obramowania, układ i wiele innych. Dodawanie zdjęć odbywa się za pomocą skryptów php. Do odpowiedniego folderu wrzuca się zdjęcia. Zdjęcia te muszą być w folderze którego nazwa ma być nazwa galerii. Ze strony przeglądarki uruchamiamy specjalny skrypt PHP który automatycznie stworzy miniaturki do galerii i zaktualizuje plik XML z lista zdjęć.

simpleviewer

Wymagania: Flash, php
Demo: http://www.airtightinteractive.com/simpleviewer/
Licencja: Darmowa

Supersized – Rozszerzalne tło na stronę w jQuery

supersized

Bardzo lubię strony z ciekawym tłem w szerokiej panoramie lub obiektem makro. Takie strony prezentują się wyśmienicie i tworzą naprawdę ciekawe wrażenie. Problem z takimi stronami polega na tym że obrazek tła źle skompresowany sługo się ładuję. Drugi problem to rożna rozdzielczość. Z pomocą przychodzi ten prosty komponent napisany w jQuery. Automatycznie dopasowuje on obrazek tła do rozdzielczości na naszych monitorach. Dodatkowo umożliwia tworzenie pokazów slajdów i automatycznie zmienia tapety co pewien czas.

supersized

Wymagania: jQuery
Demo: http://buildinternet.com/live/supersized/
Licencja: Darmowa

ProFolio – darmowa portfolio dla artystów, projektantów, fotografików

ProFolio

Jeżeli chciałeś stworzyć w internecie ciekawe portfolio bez wysiłku. Ta prosta aplikacja internetowa jest właśnie dla Ciebie. Stworzona specjalnie na potrzeby portfolio aplikacja, umożliwia w szybki i elegancji sposób przedstawić siebie, swoją pracę oraz osiągnięcia. Tak zwane WebUsability (łatwość obsługi, intuicyjność obsługi przez użytkownika) jest animowane dzięki zastosowaniu technologi AJAX. Dla właściciela serwisu dostępny jest panel administracyjny, w którym możemy dodać informacje o sobie, własnych osiągnięciach czy pracy. Możemy dodawać zdjęcia, które automatycznie generują miniaturkę i tworzą funkcjonalną galerię. Możemy również wymieniać tło, które rozciąga się przez całą stronę tworząc ciekawy efekt.

Sam używałem tego skryptu kiedy chciałem się pochwalić swoimi. Brakowało mi tylko opcji wysyłania maila z formularza, którą sam sobie dorobiłem korzystając z validatora którego opisałem na blogu.

ProFolio

ProFolio

Wymagania: PHP, MySQL
Demo: http://myprofolio.sticktacular.com
Licencja: Darmowa