Archiwa kategorii: Galerie

Minimit – wszechstrony skrypt do galerii, paginacji, przewijania – jQuery

minimit gallery jquery

Minimit to bardzo elastyczny skrypt do budowy różnego rodzaju galerii (karuzela, pokaz slajdów, harmonijka, lista przebojów, paginacja). Na stronie skryptu można znaleźć wszystkie przykłady użycia. Skrypt posiada wiele opcji konfiguracji i możliwości rozbudowy.

Framework: jQuery
Demo: http://www.minimit.com/mg/mg-demo.html
Link: http://www.minimit.com/works/minimit-gallery-plugin
Licencja: MIT

Slider.js – galeria w HTML5 i CSS3 z ciekawymi efektami przejścia

slider

Slider to zaawansowany skrypt do tworzenia pokazów zdjęć. Silnik skryptu jest zbudowany w oparciu o najnowsze techniki tworzenia stron internetowych, HTML5, CSS3, jQuery, Canvas. Do galerii można dołączać opisy oraz nawigacje. Mamy do dyspozycji 23 różne efekty przejścia. Zródłem danych dla skryptów może być plik JSON lub portal Flickr.

Link: http://greweb.fr/slider/
Download: https://github.com/gre/slider.js
Licencja: Apache License

Jquery Fader – galeria z paginacją i przenikaniem zdjęć w jQuery

fader jquery

Prosty skrypt umożliwiający stworzenie galerii. Charakteryzuje się ona przenikającymi zdjęciami oraz tym, że automatycznie tworzona jest paginacja z numeracją oraz strzałkami. Listę zdjęć umieszcza się przy pomocy znaczników „ul”. Dodatkowo skrypt pozwala na skonfigurowanie kilku dodatkowych parametrów takich jak prędkość przełączania.

Framework: jQuery
Demo: http://philipf.alphacomplex.org/plugins/fader/demo.html
Licencja: Darmowe

The Wall – galeria w MooTools – nie tylko sam skrypt cieszy oko :P

The Wall MooTools plugin

Skrypt galerii napisany na frameworku MooTools. Galeria umożliwia przeglądanie obrazów w formie Walla (ściany). Cały wall z obrazami może się przesuwać w rożnie kierunki, wczytując następne zdjęcia. Można ustalić, że niektóre kolumny przesuwają się w górę, a inne w dół lub też przesuwać każde zdjęcie oddzielnie. Do galerii można dołączyć menu nawigacyjne, lub przycisk losowego wyboru zdjęć. Dodatkową zaletą jest to, że można tworzyć maski na walla, to znaczy przykryć galerię innym dużym obrazkiem z przeźroczystymi niektórymi elementami. Zdjęcia do galerii można wczytywać między innymi przy zastosowaniu JSON.

Framework: MooTools
Link: http://wall.plasm.it
Demo: http://wall.plasm.it/examples/
Licencja: MIT

Supersized – galeria na pełnym ekranie w jQuery

supersized-gallery jquery

Rewelacyjna galeria, która pozwala wyświetlać zdjęcia na całym ekranie. Skrypt rozciąga i układa zdjęcia tak, aby pasowały do ekranu. Istnieje kilka sposobów przeglądania zdjęć, możemy je wyświetlać w formie galerii lub jako tło strony. Zdjęcia mogą być losowane lub na przykład pobierane z portalu. Na stronie skryptu można poczytać dokumentacje, która szczegółowo opisuje możliwości konfiguracyjne galerii.

 Framework: jQuery
Demo: http://buildinternet.com/project/supersized/demo.html
Licencja: GPL, MIT

Vegas Background – skrypt w jQuery do zmiany tła strony

vegas background jquery

Rewelacyjny skrypt dzięki któremu będziemy mogli umieścić pokaz slajdów w tle strony. O ile sam skrypt nie oferuje nic rewelacyjnego to sama możliwość wykorzystania go w projektach może diametralnie zmienić postrzeganie strony. Wystarczy zobaczyć na demo, które daje wrażenie przestrzeni. Mało jest takich stronek, które wykorzystują panoramiczne zdjęcia w tle. Wiem z doświadczenia że, aby pokazać coś zwykłego w niezwykły sposób, trzeba to ując w sposób rzadko obserwowany przez człowieka.

 Framework: jQuery
Demo: http://vegas.jaysalvat.com/demo/index.php
Licencja: MIT, GPL

Awkward Showcase – Skrypt galerii w jQuery

Awkward Showcase jQuery

Awkward Showcase to zaawansowany i bardzo ładnie wglądający skrypt galerii. Umożliwia przeglądanie zdjęć w formie „karuzeli”, przez kliknięcie na miniaturki lub przełączanie zdjęć za pomocą paginacji. Oprócz zdjęć możemy dodawać również filmy z YouTube lub Vimeo. Na zdjęciach można umieszczać chmurki z opisami oraz odnośnikami do innych stron. W skrypcie można ustalać wiele parametrów dotyczących wyświetlania galerii; między innymi wielkość, sposób przełączania, pozycje, wygląd itd.

 

Awkward Showcase jQuery

 

Framework: jQuery
Demo: http://demo.awkwardgroup.com/showcase/
Link: http://www.awkwardgroup.com/sandbox/awkward-showcase-a-jquery-plugin/
Licencja CC, inna