Galerie obrázků a posuvníky jsou některé z nejoblíbenějších formátů jQuery. Díky nim můžete na stránky přidat potřebné množství vizuálního obsahu a zároveň ušetřit cenný prostor.

Díky galeriím a posuvníkům je stránka méně přeplněná, ale přesto vám umožní přidat všechny obrázky, které potřebujete k předání zprávy. Budou se hodit především pro internetové obchody.

V dnešním článku jsme pro vás shrnuli ty nejlepší galerie obrázků a posuvníky jQuery.

Chcete-li je nainstalovat, stačí přidat vybrané pluginy do sekce head HTML stránky spolu s knihovnou jQuery a nakonfigurujte je podle dokumentace (jen pár řádků kódu).

Vyberte si, který z těchto prvků bude dokonale zapadat do vašeho projektu.

1. Posuvník bootstrapu

Bootstrap Slider je bezplatný posuvník obrázků optimalizovaný pro mobily s posouváním dotykem a přejetím. Bude to vypadat úžasně na jakékoli obrazovce a v jakémkoli prohlížeči. Do posuvníků můžete nahrávat obrázky, videa, text, miniatury a tlačítka.

2. Posuvník náhledu produktu

Product Preview Slider ztělesňuje plný potenciál jQuery a perfektně zapadá do jakéhokoli rozhraní. Potěší vás také kvalita a čistota kódu tohoto pluginu.

3. Rozbalitelná galerie obrázků

Expandable Image Gallery je úžasný plugin, který se jediným kliknutím změní na galerii na celé obrazovce. Lze jej použít pro sekci „O nás“ nebo pro zobrazení informací o produktu.

4. Fotorama

Fotorama je responzivní plugin galerie jQuery, který funguje pro stolní i mobilní prohlížeče. Nabízí spoustu možností navigace: miniatury, rolování, tlačítka vpřed a zpět, automatické prezentace a značky.

5. Imerzní posuvník

Immersive Slider umožňuje vytvořit jedinečný zážitek ze sledování snímků podobný posuvníku Google TV. Obrázek na pozadí můžete změnit tak, aby byl rozmazaný, abyste se mohli soustředit na hlavní fotografie.

6. Nejméně

Leastjs je responzivní plugin jQuery, který vám pomůže vytvořit úžasnou galerii. Když najedete na obrázek, zobrazí se text, po kliknutí se okno rozbalí na celou obrazovku.

7. Šablona posuvného panelu

Tento plugin je ideální pro portfolia. Vytvoří bloky obrázků, které jsou vodorovné (na malých obrazovkách svislé), ke kterým bude vybraný obsah ukotven.

8. Šablona portfolia Squeezebox

Šablona portfolia Squeezebox nabízí efekty pohybu portfolia. Když najedete na hlavní obrázek (nebo blok), objeví se ukotvené prvky.

9. Náhodné přehrávání obrázků

Shuffle Images je úžasný responzivní plugin, který vám umožní vytvořit galerii s obrázky, které se mění při najetí myší.

10. Zdarma jQuery Lightbox Plugin

Bezplatný plugin jQuery Lightbox vám pomůže zobrazit jeden nebo více obrázků na jedné stránce. Lze je také zvětšit a vrátit do původní velikosti.

11. PgwSlider – responzivní posuvník pro jQuery

PgwSlider je minimalistický posuvník obrázků. Kód jQuery je malý, takže rychlost načítání tohoto pluginu vás mile překvapí.

12. Galerie rozptýlených polaroidů

Galerie Scattered Polaroids je úžasný plochý designový posuvník. Jeho prvky se při přepínání obrázků náhodně pohybují, což vypadá úžasně.

13. Filtr skákacího obsahu

Bouncy Content Filter je perfektní řešení pro vaše portfolio. Tento plugin umožňuje uživatelům rychle přejít z jedné kategorie do druhé.

14. Jednoduchý posuvník jQuery

Simple jQuery Slider dělá čest svému názvu. Tento plugin kombinuje prvky JavaScriptu, HTML5 a CSS3. V ukázce je standardně k dispozici pouze načítání textu, ale pokud provedete několik změn, můžete přidat i vizuální obsah.

15. Glide JS

Glide JS je jednoduchý, rychlý a citlivý posuvník jQuery. Nastavení je snadné a plugin nezabere mnoho místa.

16. Celoobrazovkový přetahovací posuvník s paralaxou

Tento úžasný posuvník pro nahrávání obrázků a textu jQuery je ideální pro jakýkoli web. Uživatele potěší efektem lehké paralaxy a pomalým vzhledem textu.

Dnes se responzivní design stal pro designéry a vývojáře volbou číslo jedna, protože stále více lidí chce, aby jejich weby běžely na chytrých zařízeních. Responzivní design přitahuje pozornost mobilních uživatelů a pomáhá vám generovat potenciální zákazníky a prodeje, které posunou vaše podnikání na jinou úroveň.

dnes, můžeš vytvořit responzivní rozložení pro téměř vše, jako je nabídka, mřížka, sloupec a dokonce i obrázky a obrázky. Pokud chcete zobrazovat obsah svých webových stránek, obrázky a videa ve stylu responzivní galerie, postupujte takto Pluginy galerie obrázků jQuery možná ti s tím pomůže.

Tento článek obsahuje některé z Nejlépe reagující pluginy galerie obrázků jQuery což vám umožní nejen vytvářet responzivní obrázkové galerie pro vaše webové stránky, ale také je zobrazovat v elegantních stylech, aby byly vaše webové stránky krásnější a vizuálně úchvatnější.

Níže je uveden seznam Nejlepší responzivní pluginy galerie obrázků jQuery, které stojí za zvážení v roce 2016.

Bootstrap Photo Gallery je jednoduchý plugin jQuery, který pro vaše obrázky vytvoří responzivní fotogalerii založenou na Bootstrapu.
Tento plugin podporuje proměnnou výšku obrázků a titulků. Součástí je také volitelný „modální“ box s „dalším“ a „předchozím“ stránkováním.
Demo & Download

2. JK responzivní YouTube a galerie obrázků


Je to moderní galerie ve stylu lightbox pro zobrazování obrázků a videí YouTube na vašem webu. Rozhraní galerie je plně citlivé a funguje skvěle na všech velkých i malých zařízeních.
Demo & Download

3.Faba


FABA je responzivní plugin jquery pro facebooková alba a galerie fotografií, který načte všechna alba a fotografie z vybrané facebookové stránky.

Existuje asi 90 možností, které můžete upravit, a můžete si přizpůsobit téměř vše: animace, efekty při najetí, každou část animací při přijetí, text, chování a mnoho dalších. Krásná alba můžete integrovat do svého projektu nebo webové stránky.


xGallerify je lehký, responzivní plugin galerie, který vám umožňuje vytvářet krásné galerie obrázků pro vaše webové stránky. Tento plugin je lehký (velikost souboru 3 kb), snadné použití a přichází s řadou přizpůsobitelných možností a stylů.
Demo & Download


Instagram Element je prémiový plugin Instagramu pro blogery, fotografy, modelky a kohokoli, kdo chce zvýšit svou přítomnost na Instagramu.
Tento plugin je plně responzivní a umožňuje vám snadno spravovat více než 50 možností a umožňuje vám zobrazit fotografie krásně na jakémkoli zařízení.


SnapGallery je jednoduchý plugin jQuery, který promění ošklivý seznam různě velkých obrázků na krásnou, přizpůsobitelnou galerii s jedním řádkem JavaScriptu.

Je zcela responzivní, přizpůsobitelný a umožňuje vám vybrat mezery mezi obrázky, minimální povolenou šířku před skládáním a maximální počet sloupců s dalšími možnostmi!
Demo & Download


Galerie Eagle je moderní galerie s funkcí přiblížení obrazu. Ke správě galerie můžete použít gesta nebo ovládací tlačítka. Toto je plně responzivní galerie, která podporuje dotykovou obrazovku a byla vytvořena pro mobilní zařízení, notebooky a stolní počítače.

S touto galerií můžete snadno vytvořit galerii produktů na vašem internetovém obchodě pro detailní zobrazení a upravit si ji pomocí možností.


Unite Gallery je víceúčelová JavaScriptová galerie založená na knihovně jQuery. Je postaven modulární technikou s velkým důrazem na snadné použití a přizpůsobení. Je velmi snadné přizpůsobit galerii, změnit její vzhled pomocí css a dokonce si napsat vlastní motiv. Přesto je tato galerie velmi výkonná, rychlá a má většinu z dnešních funkcí, jako je odezva, dotykové ovládání a dokonce funkce zoomu, je to jedinečný efekt.
Demo & Download


jQuery lightGallery je lehká galerie jQuery lightbox pro zobrazení galerie obrázků a videí.

Lightgallery podporuje dotykovou a přejíždění na zařízení s dotykovou obrazovkou, stejně jako tažení myší pro stolní počítače. To umožňuje uživatelům procházet mezi snímky přetažením nebo přetažením myši.

Lightgallery přichází s řadou možností, které vám umožňují velmi snadno přizpůsobit plugin. Vzhled a dojem z galerie si můžete snadno přizpůsobit aktualizací proměnných SASS.
Demo & Download


Toto je další skvělý plugin galerie obrázků jQuery, který vám umožňuje vytvořit galerii rozložení mřížky pro vaše obrázky a videa. Tento plugin je plně responzivní a obsahuje řadu funkcí, jako je sdílení na sociálních sítích, nekonečné posouvání, animace css3, filtry a mnoho dalšího.


blueimp Gallery je dotyková, citlivá a přizpůsobitelná galerie obrázků a videí, karusel a lightbox, optimalizovaná pro mobilní i stolní webové prohlížeče.

Nabízí přejetí prstem, navigaci myší a klávesnicí, přechodové efekty, funkci prezentace, podporu celé obrazovky a načítání obsahu na vyžádání a lze jej rozšířit o zobrazení dalších typů obsahu.
Demo & Download


nanoGALLERY je dotyková a citlivá galerie obrázků se zarovnaným, kaskádovým a mřížkovým rozložením. Podporuje vlastní hostované obrázky a stahování fotoalb Flickr, Picasa, Google+ a SmugMug.

Obsahuje víceúrovňovou navigaci v albech, kombinovatelné efekty přechodu na miniatury, responzivní velikosti miniatur, více rozvržení, prezentaci, celou obrazovku, stránkování, pomalé načítání obrázků a mnoho dalšího.
Demo & Download


flipGallery je bezplatná fotogalerie poháněná jQuery s elegantními překlápěcími přechody mezi miniaturami a zvětšeními lightboxu. Mezi další funkce patří dynamické streamování obrázků, automatické stránkování, automatické ořezávání a průhledné překrývání obrázků.

Tento plugin má také prémiovou verzi, která přichází s několika šikovnými funkcemi a určitě zahrnuje odezvu.
Demo & Download


Fancy Gallery je responzivní plugin galerie obrázků jQuery, který vám umožňuje zobrazovat vaše obrázky a videa v luxusním stylu. Tento plugin má spoustu možností přizpůsobení a můžete přidat neomezený počet alb, videí, obrázků a mnoho dalšího.

Plugin je dodáván s různými efekty přechodu pro miniatury a titulky, které lze také upravit. Můžete si vybrat mezi 7 předdefinovanými barevnými motivy nebo si jednoduše vytvořit vlastní barevný motiv.


Balanced Gallery je zásuvný modul jQuery, který rovnoměrně rozděluje fotografie do řádků nebo sloupců a maximálně využívá dostupný prostor. Ve výchozím nastavení jsou fotky škálovány na základě velikosti prvku „container“, takže Balanced Gallery je dobrou volbou pro responzivní weby.
Demo & Download

Galerie 16.S


S Gallery využívá Full Screen API HTML5 a hodně se spoléhá na kvalitu animací CSS3 a transformace CSS3, takže bude fungovat pouze v prohlížečích, které tyto funkce podporují.
Demo & Download

17. Ultimate Grid Responsive Gallery


Toto je HTML | css | jQuery Grid s Lightboxem, můžete zadat miniatury pro mřížku a když na ni kliknete, abyste otevřeli lightbox, načte se normální obrázek, můžete zadat text pro titulky a pro lightbox. Také nemusíte načítat všechny obrázky najednou (z důvodu výkonu), takže můžete určit počet obrázků, které se mají načíst při prvním načtení, a počet obrázků, které se mají načíst, když kliknete na tlačítko „načíst další obrázky“.


Responsive Thumbnail Gallery je plugin jQuery pro vytváření galerií obrázků, které se přizpůsobují jejich kontejneru.
Demo & Download


SuperBox je plugin jQuery, který posouvá celý 'image' a 'lightbox' o krok dále a snižuje závislost JavaScriptu a zatížení obrazu, aby se lightbox stal minulostí! Použití HTML5 data-* atributů, responzivních rozložení a jQuery.

SuperBox dělá zázraky jako statická galerie obrázků, na kterou můžete kliknout a zobrazit plnou verzi obrázku.
Demo & Download


Ultimate Thumbnail gallery je plně responzivní plugin galerie obrázků, který je k dispozici ve dvou typech rozvržení (mřížka a čára, vertikální a horizontální), s posouváním (jScrollPane) nebo navigací pomocí tlačítek. Pole miniatur podporují jakýkoli prvek HTML uvnitř.

Dobrý den, milí čtenáři! V tomto návodu vám ukážu, jak vytvořit minimalistický, ale zároveň pohodlný a funkční Fotogalerie jQuery, nebo galerii obrázků, jak chcete. Galerie má možnost vytvářet kategorie s následným filtrováním. Je také možné spustit prezentaci. Galerie funguje ve všech prohlížečích, takže s přizpůsobením nebudou žádné problémy.

K vytvoření této galerie budou použity dvě bezplatné knihovny: pohyblivý písek a PrettyPhoto. Velmi zjednodušují tvorbu galerie. Jako vždy si výsledek práce můžete prohlédnout na demo stránce a také si stáhnout archiv z pracovní galerie a všechny zdrojové soubory. Jediným negativem, mohu-li to tak říci, je ruční tvorba náhledů u velkých obrázků. Na všechno ostatní, tohle galerie hodný pozornosti. Stejně jako !

HTML značení

Nejprve si rozeberme panel se seznamem kategorií, jedná se o odrážkový seznam ul . Kromě toho musí mít každý prvek seznamu jedinečný název třídy.

1
2
3
4
5
6
7
8

<ul class="portfolio-categ filter">
<li > Kategorie:</li>
<liclass="all active"> Všechno</a>
<li class="cat-item-1">
Kategorie 1</a>
<li class="cat-item-2">
Kategorie 2</a>
<li class="cat-item-3">
Kategorie 3</a>
<li class="cat-item-4">
Kategorie 4</a>
</ul>

1
2
3
4
5
6
7
8
9
10
11


  • Jak bylo uvedeno výše, položky seznamu jsou obrázky v galerii. Každý prvek seznamu obsahuje komponenty. Jedná se o samotný obrázek, respektive jeho miniaturu a také popis. Miniatura je odkazem na hlavní obrázek. Atribut rel je vyžadován pro volání javascriptu a otevření hlavního obrázku.

    Nezapomeňte také na 2 důležité věci, prvek seznamu li musí mít jedinečný atribut data-id. Atribut data-type obsahuje třídu kategorie, jejíž seznam jsem popsal výše. Všechno se zdá být o značkování.

    CSS styly

    Nebudu se soustředit na styly, protože používáme hotovou knihovnu PrettyPhoto, který je zodpovědný za zvětšení obrázku, a je zde spousta css kódu. Za zmínku však stojí, že pro zvětšený obrázek je k dispozici 5 možností designu, i když ideálně pouze 3, protože u dvou možností je pouze odstraněno zaoblení.

    Ukážu tedy pouze CSS styly pro náhledy a seznam kategorií.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28

    Portfolio-categ ( margin-bottom : 30px ; )
    .portfolio-categ li(
    displej: inline
    margin-right : 10px ;
    }
    .image-block(
    displej : blok ;
    poloha : relativní ;
    }
    .image-block img(
    border : 1px solid #d5d5d5 ;
    border-radius : 4px 4px 4px 4px ;
    pozadí : #FFFFFF ;
    výplň: 10px
    }
    .image-block img:hover(
    border : 1px solid #A9CF54 ;
    box-shadow : 0 0 5px #A9CF54 ;
    }
    .portfolio-area li (
    plavat vlevo ;
    okraj : 0 12px 20px 0 ;
    přepad: skrytý
    šířka: 245px;
    výplň: 5px
    }
    .home-portfolio-text ( margin-top : 10px ; )
    li.active a ( text-decoration : underline; )

    V zásadě by mělo být vše jasné se styly. Aby se kategorie seřadily, je vlastnost display nastavena na inline . Aby obraz získal efekt tahu, je nastavena barva pozadí (bílá) a odsazení na 10 pixelů. Velikosti položek seznamu jsou nastaveny v .portfolio-area li .

    jQuery

    A nakonec to nejdůležitější, kvůli čemu celá lekce. Toto je kód jQuery. Začněme filtrováním obrázků podle kategorií.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23

    // Vyberte všechny podřízené prvky portfolio-area a zapište je do proměnné
    var $data = $(".portfolio-area" ) .klon () ;

    $(".portfolio-categli" ) .click (funkce (e) (
    $(".filter li" ) .removeClass ("aktivní" ) ;

    var filterClass= $(this ) .attr ("třída" ) .split (" " ) .slice (- 1) [ 0 ] ;

    if (filtrClass == "all" ) (
    var $filteredData = $data.find(".portfolio-item2" );
    ) jinak (
    var $filteredData = $data.find(".portfolio-item2" );
    }
    $(".portfolio-area" ) .quicksand ($filteredData, (
    délka: 600
    adjustHeight: "auto"
    ), funkce () (

    LightboxPhoto() ;
    } ) ;
    $(this ).addClass("aktivní" ) ;
    vrátit false ;
    } ) ;

    Pomocí metody clone() a selektoru vybereme všechny potomky .portfolio-area a zapíšeme je do proměnné $data. Dále sledujeme kliknutí na jednu z kategorií, prvek li seznamu s třídou .portfolio-categ. Všechny kategorie deaktivujeme odstraněním removeClass("active"), pokud se tak nestane, časem budou všechny kategorie aktivní a filtrování se zastaví.

    Protože klikneme na prvek seznamu, tento selektor obsahuje prvek seznamu, tedy li , vezmeme z něj hodnotu atributu class a pomocí metody split rozdělíme název třídy na několik částí, hranicí je mezera (tj. pokud byla třída „vše aktivní“, pak po rozdělení dostaneme pole „vše“ a „aktivní“). A pak pomocí metody slice vybereme první prvek pole (v našem případě „vše“) ​​a výsledný výsledek zapíšeme do proměnné filterClass. Pokud nebylo místo, název třídy se nezmění.

    Dále zkontrolujeme, zda je řetězec v proměnné filterClass Všechno, pak pomocí metody .find vybereme všechny prvky s třídou portfolio-item2 z pole $data, o kterém jsme uvažovali výše. Vybrané prvky (a to jsou všechny prvky seznamu, tedy všechny obrázky) se umístí do proměnné filterData.

    Jinak, pokud filterClass není rovno Všechno, pak do proměnné filterData vložíme ne všechny prvky seznamu, ale pouze ty, jejichž atribut datového typu odpovídá třídě kategorie. Zkrátka prvky pouze jedné kategorie.

    A nakonec výslednou proměnnou předáme knihovně pohyblivý písek jquery, který provádí filtrování obrázků. Všechno je to o filtrování.

    Nyní k přiblížení obrázku ve vyskakovacím okně. Všechno je zde mnohem jednodušší.

    1
    2
    3
    4
    5
    6
    7

    jQuery("a") .prettyPhoto ((
    Rychlost animace: "rychle" ,
    prezentace: 5000
    téma: "facebook",
    show_title: false ,
    overlay_gallery: false
    } ) ;

    Sleduje kliknutí na odkaz, jehož atribut rel začíná na prettyPhoto . Pak přichází na řadu knihovna. hezká fotka, a obraz se zázračně zvětší. Mimochodem, předáváme také několik parametrů. Jako je rychlost animace je vysoká, zpoždění prezentace je 5 sekund, téma Facebook (celkem je 5 témat, jsou ve složce obrázky / prettyPhoto) a také zakazujeme zobrazovat název obrázku a zvětšování obrázku při najetí myší. Kompletní dokumentace pro hezká fotka Může být nalezeno

    Chcete-li zůstat v obraze s nejnovějšími články a lekcemi, přihlaste se k odběru

    Dlouhý si vybral téma pro dnešní téma. V důsledku toho jsem si všiml, že jsme ještě neprovedli výběr s obrazové galerie. Myslím, že je to skvělé téma, protože galerie přítomné na mnoha stránkách. Upřímně řečeno, žádný z nich není příliš atraktivní. S ohledem na současné vývojové trendy jquery, html5 atd. Myslel jsem si, protože by již měla existovat mnohem atraktivnější řešení než ta, která jsem potkal dříve. Tak. Po dni stráveném se nám podařilo najít obrovské množství skriptů. Z celé této hory jsem se rozhodl vybrat pouze, protože miluji, jak jste si již všimli z předchozích příspěvků.
    Galerie Obrázků platí nejen pro s alby fotografií. Skript lze použít, myslím, že bude ještě správnější, jak portfolio pro fotografy, designéry atd. efekty jquery pomůže přitáhnout pozornost návštěvníků a jednoduše dodá vašemu webu eleganci.
    Tak. Kolekce pro vaši pozornost Pluginy galerie obrázků jquery pro webové stránky.
    Nezapomeňte komentovat a pamatujte, abyste o tuto sbírku nepřišli, můžete si ji přidat do oblíbených kliknutím na hvězdičku ve spodní části článku.

    FOTOBOX
    Bezplatná, lehká a citlivá galerie obrázků, ve kterém jsou všechny efekty, přechody provedeny pomocí css3. Ideální pro vytvoření portfolia webu pro fotografa.

    Galerie S
    přitažlivý plugin galerie obrázků jquery. Animace pracuje s css3.

    DIAMANTY.JS
    Originál plugin galerie obrázků. Miniatury jsou tvarované kosočtverec která je v současnosti velmi populární. Tento formulář je vytvořen pomocí css3. Jediným negativem této galerie je chybějící lightbox, který by fotku otevřel v plné velikosti. To znamená, že musíte upevnit plugin lightbox s raky. Tento skript generuje adaptivní mřížku obrázků ve tvaru kosočtverce.

    Superbox
    Moderní galerie obrázků pomocí jquery, css3 a html5. Všichni jsme zvyklí, že po kliknutí na náhled se celý obrázek otevře v lightboxu (vyskakovacím okně). Vývojáři tohoto pluginu se rozhodli, že lightbox již přežil svou užitečnost. Obrázky v této galerii se otevírají pod náhledem. Podívejte se na demo a podívejte se, jak toto řešení vypadá mnohem moderněji.
    |
    Galerie hladkého diagonálního vyblednutí
    Moderní galerie obrázků, ve kterých náhledy jsou rozmístěny po celém prostoru obrazovky. Skript umí skenovat složku s fotografiemi na serveru, to znamená, že nemusíte vkládat každý obrázek zvlášť. Stačí nahrát obrázky do složky na serveru a v nastavení zadat cestu k adresáři. Poté skript udělá vše sám.

    Gamma galerie
    Stylová, lehká a citlivá galerie obrázků s mřížkou ve stylu Pinterestu, která je nyní velmi populární. Skript funguje dobře jako stacionární počítače, již brzy mobilní zařízení s libovolným rozlišením obrazovky. Skvělé řešení pro tvorbu portfolia webdesignerů.

    MŘÍŽKA NÁHLEDŮ S ROZŠÍŘENÍM NÁHLEDU
    Plugin je adaptivní obrazová mřížka. Po kliknutí níže se zobrazí větší fotografie a popis. Dobré pro budování portfolia.

    jGallery
    jGallery je celá obrazovka, adaptivní galerie snímky. Efekty, přechody a dokonce i styl lze snadno upravit.

    Glisse.js
    Jednoduchý, ale velmi účinný plugin galerie obrázků. To je přesně řešení, když potřebujete vytvořit fotoalbum. Plugin podporuje alba a má velmi skvělý efekt převracení.

    Mozaikový tok
    Jednoduché, přizpůsobivé galerie obrázků s mřížkou stylu Pinterest.

    Galerie
    Další stylová galerie mřížky ve stylu Pinterestu s filtrem kategorií. Funguje v prohlížečích: Chrome, Safari, Firefox, Opera, IE7+, Android browser, Chrome mobile, Firefox mobile.

    nejméně.js
    Vynikající bezplatná galerie obrázků S pomocí JQUERY, 5 a CSS3. Má velmi atraktivní vzhled a jistě upoutá pozornost vašich návštěvníků.

    flipLightBox
    Jednoduchá galerie obrázků. Po kliknutí na náhled se v lightboxu otevře celý obrázek.

    Galerie blueimp
    Flexibilní galerie. Schopný zobrazit v modálním okně nejen obrázky, ale také video. Funguje skvěle na dotykových zařízeních. Snadno přizpůsobitelné a je možné rozšířit funkčnost o další pluginy (viz další plugin).

    od Dmitrije Semenova
    je jQuery galerie obrázků a plugin pro posuvník obsahu. Je zcela citlivý, dotykový a má modulární architekturu, která vám umožňuje zahrnout pouze funkce, které potřebujete k optimalizaci velikosti souboru a výkonu.

    od Andyho
    Vysoce přizpůsobitelný plugin galerie/výstavy pro jQuery.

    od Trenta
    Galleriffic je zásuvný modul jQuery, který poskytuje bohaté možnosti bez zpětného odeslání optimalizované pro zpracování velkého množství fotografií při zachování šířky pásma.

    Galerie Tonic - Galerie portfolia XML jQuery | 6 $

    od Aino
    Galleria je framework pro galerii obrázků JavaScript postavený na knihovně jQuery. Cílem je zjednodušit proces tvorby profesionálních obrazových galerií pro web a mobilní zařízení.

    od CatchMyFame
    Onehdy jsem hledal jednoduchý způsob, jak pomocí jQuery prolínat mezi sadou obrázků na stránce. Jako kodér jsem se tedy rozhodl vytvořit svůj vlastní plugin.

    od Thomase Kahna
    Smooth Div Scroll je plugin jQuery, který posouvá obsah vodorovně doleva nebo doprava. Kromě mnoha dalších rolovacích pluginů, které byly napsány pro jQuery, Smooth Div Scroll neomezuje rolování na jednotlivé kroky.

    od Victora Zambrana – frwrd.net
    Minishowcase je malá a jednoduchá php/javascriptová online fotogalerie, poháněná technologií AJAX, která vám umožňuje snadno zobrazovat vaše obrázky online, bez složitých databází nebo kódování, což umožňuje mít galerii v provozu za pár minut.

    od Caspara Davida Friedricha
    EOGallery je webová animovaná galerie prezentací vytvořená pomocí jQuery. K zobrazení větších obrázků používá pouze základní funkce jQuery a Thickbox Cody Lindley.

    od Arnaulta Pachota
    Víceformátový karusel pro jQuery, nevtíravé a dostupné portfolio podporující více médií: fotografie, video (flv), zvuk (mp3). Tento plugin pro jQuery automaticky rozpozná rozšíření každého média a použije přizpůsobený přehrávač.

    The Wall - Media Gallery - jQuery powered | 5 $

    od Stefana Petera
    Další plugin galerie obrázků s prostorovým efektem, velmi lehký a jednoduchý plugin.

    od Morena Di Domenica
    jmFullWall je plugin jQuery pro vytvoření působivého portfolia.

    od Fabrizia Calderana
    Mosaiqy je plugin jQuery pro prohlížení a přibližování fotografií pracující na Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome a IE7+. Fotografie se načítají z datové struktury JSON/JSONP a náhodně se přesouvají do mřížky. Všechny drahé animace jsou převzaty vaším GPU v nejnovějších prohlížečích pomocí přechodů CSS3, čímž se minimalizuje režie CPU.

    od Codyho
    Následující plugin jQuery transformuje sadu obrázků do malé galerie s několika možnostmi. Galerie mikro obrázků umožňuje přepínat mezi mřížkovým zobrazením, které zobrazuje náhled obrázků jako miniatury, a jedním zobrazením zobrazujícím pouze jeden obrázek.

    VION - Plugin Galerie obrázků jQuery | 7 $

    od Malihu
    Jednoduchá, ale elegantní galerie obrázků na celou obrazovku vytvořená pomocí rámce jQuery a jednoduchých CSS.