Archiwa kategorii: Galerie

Sexy LightBox – Okno za darmo

sexylightbox

Wczoraj co dopiero opisałem płatny komponent okna, a dziś znalazłem jego darmowy odpowiednik. Komponent  jest bardzo efektownie animowany podczas otwierania. Umożliwia wyświetlanie galerii wraz z paskiem nawigacji, filmów, prezentacji flash oraz innych stron (inframe). Komponent jest napisany na dwa frameworki jQuery oraz MooTools. Jest dostępny w dwóch kolorach białym i czarnym. Komponent jest kompatybilny z popularnymi przeglądarkami. Polecam

sexylightbox

Wymagania: jQuery lub MooTools
Linki: http://www.coders.me/lang/es/web-html-js-css/javascript/sexy-lightbox-2
Licencja: MIT

Lightview – galeria, formularz i okno.

lightview

Można by powiedzieć „All in one” ale niestety jeżeli chodzi o ten komponent „All is Pay” :). To bardzo dobrze zrobiony komponent okna. Umożliwia wyświetlanie galerii obrazków wraz z możliwością ich przewijania oraz z automatycznym przewijaniem, potrafi wyświetlać formularze wraz z przekazywanie argumentów POST lub GET. Oprócz tego okno może wyświetlać filmy i animacje Flash. O oczywiście nie mogło zabraknąć wyświetlania nowego okna Ajax inframe. No niestety za taki komponent z bajerami trzeba zapłacić. Wersja niekomercyjna na jedna domenę to 3 euro. Wersja komercyjna kosztuje już 49 euro na jedna domenę. Komponent dział na frameworku prototype.

lightview

Wymagania:Prototype
Link: http://www.nickstakenburg.com/projects/lightview/
Licencja: CC, Płatna

Tablica sponsorów w jQuery

Tablica sponsorów

Galeria w formie tablicy z odsłanianymi elementami. Przykład linku zamieszczony niżej prezentuje możliwość wykorzystania jej jako tablicy sponsorów. Na poszczególnych kwadratach znajduje się najwalniejsza rzecz firmy dbającej o markę czyli logo. Po kliknięciu na logo, kwadrat się obraca i można przeczytać krótki opis oraz kliknąć na linka. Komponent wykorzystuje język PHP to wczytywania tablicy z danymi.

Tablica sponsorów

Wymagania: jQuery
Link: http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/
Licencja: Darmowa

Przesuwane boksy z opisem w jQuery

slidingboxes

Boksy z obrazkami, które po najechaniu na nie kursorem, wyświetlają opis. Świetny gadżet, zwłaszcza na główną stronę. Nadaje się na przykład na strony z rożnymi wydarzeniami kulturalnymi. Plakat jako zdjęcie i zachęcający do poznania więcej szczegółów opis. Komponent umożliwia pokazanie tekstu w boksie przy pomocy kilku animacji. Darmowy i prosty Komponent na frameworku jQuery. Polecam

Wymagania: jQuery
Licencja: Darmowa
Link: http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/

Foto Galeria w CSS3 i jQuery

css3 jquery fotogallery

Bardzo fajna galeria wykonana w jQuery i CSS3. Jest tylko jedna uwaga. CSS3 nie jest jeszcze standardem. Jest obsługiwany przez większość przeglądarek, ale nie przez największą Internet Explorer. Galeria nie dział też na Operze, a na Chrome widać pikseloze :) No ale czepiać się nie można bo to nie jest standard, ale mogli by się pospieszyć :)

css3 jquery fotogallery

Wymagania: CSS3, jQuery
Linki: http://css-tricks.com/examples/CSS3PhotoGallery/
Licencja: Darmowa

Pupunzi – Galeria w ramkach w jQuery

pupunzi-maskedGallery

Prezentuje kolejny komponent z tej samej serii i tego samego autora. Tym razem komponent umożliwia wstawianie zdjęć z stylowej ramki. Mamy do wyboru trójwymiarowa ramkę, okrągłą i imitujące efekt włożenia do albumu (nie wiem jak to określić). Zdjęcia w ramkach można przełączać strzałkami, mogą być automatycznie przełączane albo pozostawać statyczne. To ciekawe rozwiązanie do galerii dla tych którzy chcą wyświetlać zdjęcia w inny sposób niż na większości stronach.

pupunzi-maskedGallery

Wymagania: jQuery
Link: http://pupunzi.com/#mb.components/mb.maskedGallery/maskedGallery.html
Licencja MIT GPL

pupunzi – galeria w jquery

pupunzi_galery

Zaawansowana galeria zdjęć zaspokoi wymagania najwybredniejszych programistów :). Komponent galerii cechuje się wieloma użytecznymi funkcjami. Przede wszystkim warto wspomnieć na początek o świetnej animacji okna. Galeria umożliwia sterowanie zdjęciami „do przodu”, „do tyłu” a także umożliwia automatyczne przełączanie zdjęć. Możliwe jest również zamieszczanie opisów do zdjęć oraz otwieranie paska miniaturek.  Komponent galerii umożliwia pobieranie zdjęć z Flickra ale przyznam szczerze, że tej opcji nie przetestowałem. Galeria dział na frameworku jQuery.

pupunzi_galery

Wymagania: jQuery
Link: http://pupunzi.com/#mb.components/mb.gallery/gallery.html
Licencja MIT, GPL