Gyönyörű miniatűr csúszka. Slider Pro - adaptív csúszka miniatűrökkel. Slider Revolution érzékeny jQuery bővítmény

Sziasztok kedves blog olvasók. Ma bemutatom nektek hasznos válogatás ingyenes jQuery csúszkák példákkal. Ha mégis úgy dönt, hogy egy képcsúszkát helyez az erőforrására, ez a válogatás nagyon hasznos lesz az Ön számára, és hidd el, bőven van miből válogatnia. Ezenkívül minden csúszkának van példája, és mindegyiket kipróbálhatja működés közben. Általában nem vonom el a figyelmedet, válogass kedvedre :-)

Egyszerű jQuery képcsúszka

A webhely legelterjedtebb és kisméretű indexképes csúszkája.

Miniatűr csúszka a JQueryben

Egy nagyon egyszerű és érdekes csúszka miniatűrökkel, amely szinte bármilyen kialakításhoz alkalmas.

Gyönyörű csúszka az oldalhoz

Egy nagy és nagyon szép képcsúszka, érdekes szöveggörgetéssel.

Normál jQuery csúszka

Az erőforrás legáltalánosabb és legegyszerűbb csúszkája

Nagy csúszka leírással

Egy látványos csúszka, amely mellett nem lehet elhaladni.

JQuery képcsúszka és leírás

Várjon és stílusos szövegcsúszka képekkel és gyönyörű forgató hatással.

Képek görgetése tippekkel

A képek érdekes görgetése, amely folyamatosan és simán gördül. Alapértelmezés szerint különböző gyümölcsökről készült képek találhatók, amelyeket megváltoztathat sajátra.

jQuery csúszka nagy nyilakkal

Érdekes csúszka nagy rózsaszín nyilakkal, amelyek mérete a kép nagyításával változik.

Ha jó minőségű jQuery képcsúszkát kell hozzáadnia webhelyéhez, akkor ebben a cikkben megtalálja a szükséges bővítmények leírását. Annak ellenére, hogy a JQuery sokkal könnyebbé tette a JavaScripttel való munkát, továbbra is szükségünk van beépülő modulokra a webtervezési folyamat felgyorsításához.

Ezen bővítmények némelyikén módosíthatunk, és új csúszkákat hozhatunk létre, amelyek sokkal jobban megfelelnek webhelyünk céljainak.

Más csúszkákhoz egyszerűen hozzáadhat címeket, képeket, és kiválaszthatja a csúszkához tartozó diaátmenet-effektusokat. Mindezeket a beépülő modulokat részletes dokumentáció kíséri, így új effektusok vagy funkciók hozzáadása nem lesz nehéz. Még az eseményalapú triggereket is módosíthatja, ha tapasztalt JQuery programozó.

A legújabb trendek, mint pl adaptív kialakítás, nagyon fontosak a webes projekteknél, akár plugint, akár szkriptet implementálunk. Mindezek az elemek nagyon rugalmassá teszik ezeket a bővítményeket. Ebben a listában minden benne van, ami 2014-ben jelent meg.

JQuery képcsúszkák Jssor Responsive Slider

Nemrég találkoztam ezzel a nagy teljesítményű jQuery csúszkával, és első kézből láttam, hogy nagyon jól teszi a dolgát. Korlátlan lehetőségeket tartalmaz, amelyek a csúszka nyílt forráskódjával bővíthetők:

Adaptív kialakítás;
Több mint 15 testreszabási lehetőség;
Több mint 15 képváltoztató effektus;
Képgaléria, körhinta, teljes képernyős méretű támogatás;
Függőleges transzparens forgató, dialista;
Videó támogatás.

Demo | Letöltés

PgwSlider - adaptív csúszka JQuery/Zepto alapján

Ennek a beépülő modulnak az egyetlen feladata a képek diákjainak megjelenítése. Nagyon kompakt, mivel a JQuery fájlok mindössze 2,5 KB méretűek, ami nagyon gyors betöltést tesz lehetővé:

Adaptív elrendezés;
SEO optimalizálás;
Különböző böngészők támogatása;
Egyszerű képátmenetek;
Az archívum mérete mindössze 2,5 KB.

Demo | Letöltés

Jquery Vertical News Slider

Rugalmas és hasznos JQuery csúszka, amelyet hírforrásokhoz terveztek, a bal oldalon a kiadványok listájával, a jobb oldalon pedig egy képpel:

Adaptív kialakítás;
Függőleges oszlop a hírek váltásához;
Kibontott fejlécek.

Demo | Letöltés

Wallop Slider

Ez a csúszka nem tartalmaz jQuery-t, de szeretném bemutatni, mivel nagyon kompakt, és jelentősen csökkentheti az oldal betöltési idejét. Szólj, ha tetszik:

Adaptív elrendezés;
Egyszerű kialakítás;
Különféle diaváltási lehetőségek;
Minimális JavaScript kód;
A mérete mindössze 3 KB.

Demo | Letöltés

Lapos stílusú Polaroid galéria

Galéria az asztalon szétszórt dokumentumok stílusában rugalmas elrendezéssel és gyönyörű design sokakat érdekelnie kell. Alkalmasabb táblagépekhez és nagy kijelzőkhöz:

Adaptív csúszka;
Lapos kialakítás;
Véletlenszerű diaváltás;
Teljes hozzáférés a forráskódhoz.

Demo | Letöltés

A-csúszka

Demo | Letöltés

HiSlider – HTML5, jQuery és WordPress csúszka képeket

A HiSlider bemutatott egy új ingyenes jQuery csúszka beépülő modult, amellyel különféle képgalériákat hozhat létre fantasztikus átmenetekkel:

Adaptív csúszka;
nem igényel programozási ismereteket;
Számos csodálatos sablon és skin;
Gyönyörű átmeneti hatások;
Különböző platformok támogatása;
WordPress, Joomla, Drupal kompatibilis;
A tartalom megjelenítésének képessége különböző típusok: képek, Youtube videóés Vimeo videók;
Rugalmas beállítás;
Hasznos kiegészítő szolgáltatások;
Korlátlan mennyiségű megjelenített tartalom.

Demo | Letöltés

Wow Slider

A WOW Slider egy reszponzív jQuery képcsúszka lenyűgöző vizuális effektusokkal (dominó, forgatás, életlenítés, átfordítás és vaku, kirepülés, redőnyök) és professzionális sablonokkal.

A WOW Slider telepítővarázslóval rendelkezik, amely lehetővé teszi fantasztikus csúszkák létrehozását másodpercek alatt anélkül, hogy megértené a kódot vagy szerkesztené a képeket. A bővítmény Joomla és WordPress verziói is letölthetők:

Teljesen érzékeny;
Támogatja az összes böngészőt és minden típusú eszközt;
Érintőeszközök támogatása;
Egyszerű telepítés WordPress-re;
Rugalmasság a konfigurációban;
SEO-optimalizált.

Demo | Letöltés

Nivo Slider – ingyenes jQuery bővítmény

A Nivo Slider az egész világon a legszebb és legkönnyebben használható képcsúszkaként ismert. Nivo plugin A Slider ingyenes, és az MIT licenc alatt kerül kiadásra:

JQuery 1.7 és újabb szükséges;
Gyönyörű átmeneti hatások;
Egyszerű és rugalmas konfigurálás;
Kompakt és adaptív;
Nyílt forráskód;
Erőteljes és egyszerű;
Számos különböző sablon;
Automatikus képkivágás.

Demo | Letöltés

Egyszerű jQuery csúszka műszaki dokumentációval

Az ötletet az Apple csúszkái ihlették, amelyekben több apró elem is kirepülhet különböző animációs effektusokkal. A fejlesztők ezt a koncepciót figyelembe véve igyekeztek megvalósítani minimális követelmények egyszerű online áruház dizájn létrehozása, amelyben a „repülő” elemek különböző kategóriákat képviselnek:

Adaptív elrendezés;
Minimalista kialakítás;
Különféle kieső és csúsztatható effektusok.

Demo | Letöltés

Teljes méretű jQuery képcsúszka

Egy nagyon egyszerű csúszka, amely az oldal szélességének 100%-át elfoglalja, és alkalmazkodik a képernyő méretéhez mobil eszközök. CSS-átmenetekkel működik, és a képek a horgonyokkal együtt „halmozódnak”. A horgony kicserélhető vagy eltávolítható, ha nem kíván hivatkozást csatolni a képhez.

Telepítéskor a csúszka a képernyő szélességének 100%-ára bővül. Ezenkívül automatikusan csökkentheti a diaképek méretét:

Adaptív JQuery csúszka;
Teljes méret;
Minimalista dizájn.

Demo | Letöltés

Elastic Content Slider + oktatóanyag

Az Elastic Content Slider automatikusan beállítja a szélességet és a magasságot a szülőelem méretei alapján. Ez egy egyszerű jQuery csúszka. Felül egy csúszdaterületből, alul pedig egy navigációs lapsávból áll. A csúszka a szülőtároló méreteinek megfelelően állítja be a szélességét és magasságát.

Ha kis átlós képernyőkön nézzük, a navigációs lapok kis ikonokká válnak:

Adaptív kialakítás;
Egér kattintással görgetés.

Demo | Letöltés

Ingyenes 3D Stack Slider

Kísérleti csúszka, amely 3D-ben görgeti a képeket. A két köteg papírköteghez hasonlít, amelyekről görgetéskor a képek jelennek meg a csúszka közepén:

Adaptív kialakítás;
Flip - átmenet;
3D effektusok.

Demo | Letöltés

Teljes képernyős Slit Slider a JQuery és a CSS3 + oktatóanyag alapján

Ez az oktatóanyag bemutatja, hogyan hozhat létre csavart csúszkát: az ötlet az, hogy „kivágja” és megjelenítse az aktuális diát, amikor megnyitja a következő vagy az előző képet. A JQuery és CSS animáció segítségével egyedi átmeneti effektusokat készíthetünk:

Adaptív kialakítás;
Osztott átmenet;
Teljes képernyős csúszka.

Demo | Letöltés

Unislider - egy nagyon kicsi jQuery csúszka

Nincsenek szükségtelen csengők és sípok, 3 KB-nál kisebb méretű. Használjon tetszőleges HTML-kódot diákjaihoz, és bővítse CSS használatával. Minden, ami az Unsliderrel kapcsolatos, a GitHubon található:

Különféle böngészők támogatása;
Billentyűzet támogatás;
Magasságállítás;
Adaptív kialakítás;
Érintős bevitel támogatása.

Demo | Letöltés

Minimálisan reagáló diák

Egy egyszerű és kompakt bővítmény (mindössze 1 KB méretű), amely egy tárolóban lévő elemek segítségével érzékeny csúszkát hoz létre. A ResponsiveSLides.js együtt működik nagy mennyiség böngészők, beleértve az IE összes verzióját IE6-tól és újabbtól:

Teljesen érzékeny;
Méret 1 KB;
CSS3 átmenetek JavaScript-en keresztül történő futtatás lehetőségével;
Egyszerű jelölés felsorolásokkal;
Egy dia átmeneti effektusainak és megtekintési időtartamának testreszabása;
Támogatja a több diavetítés létrehozásának lehetőségét;
Automatikus és kézi görgetés.

Demo | Letöltés

Kamera – ingyenes jQuery csúszka

A Camera egy bővítmény számos átmeneti effektussal és érzékeny elrendezéssel. Könnyen beállítható, mobil eszközök támogatják:

Teljesen reszponzív kialakítás;
Aláírások;
Videók hozzáadásának lehetősége;
33 különböző színű ikon.

Demo | Letöltés

SlidesJS, reszponzív jQuery beépülő modul

A SlidesJS a JQuery (1.7.1 és újabb) érzékeny beépülő modulja, amely támogatja az érintőeszközöket és a CSS3 átmeneteket. Kísérletezzen vele, próbáljon ki néhány kész példát, amelyek segítenek kitalálni, hogyan adhatja hozzá a SlidesJS-t a projekthez:

Adaptív kialakítás;
CSS3 átmenetek;
Érintőeszközök támogatása;
Könnyen beállítható.

Demo | Letöltés

BX Jquery csúszka

Ez egy ingyenes reszponzív jQuery csúszka:

Teljesen érzékeny - bármilyen eszközhöz alkalmazkodik;
Vízszintes, függőleges csúsztatás;
A diák tartalmazhat képeket, videókat vagy HTML-tartalmat;
Kibővített érintőképernyős eszközök támogatása;
CSS-átmenetek használata diaanimációhoz (hardveres gyorsítás);
Callback API és teljesen nyilvános módszerek;
Kis fájlméret;
Könnyen megvalósítható.

Demo | Letöltés

FlexSlider 2

A legjobban reagáló csúszka. Egy új verzió módosították a sebesség és a tömörség növelése érdekében.

Demo | Letöltés

Galleria - JavaScript-alapú reszponzív fotógaléria

A Galleriát több millió webhelyen használják képgalériák létrehozására jó minőség. A munkájával kapcsolatos pozitív vélemények száma egyszerűen lemaradt a listáról:

Teljesen ingyenes;
Teljes képernyős megtekintési mód;
100%-ban adaptív;
Programozási tapasztalat nem szükséges;
iPhone, iPad és más érintőképernyős eszközök támogatása;
Flickr, Vimeo, YouTube és még sok más;
Több téma.

Demo | Letöltés

Blueberry – egy egyszerű érzékeny jQuery képcsúszka

Bemutatok neked egy jQuery képcsúszkát, amely kifejezetten ehhez készült reszponzív webdesign. A Blueberry egy kísérleti, nyílt forráskódú képcsúszka beépülő modul forráskód, amely kifejezetten reszponzív sablonokkal való együttműködésre készült.

1. Kiváló jQuery diavetítés

Nagy, látványos diavetítés jQuery technológiával.

2. jQuery bővítmény"Mérlegkörhinta"

Méretezhető diavetítés a jQuery segítségével. Beállíthatja az Önnek legmegfelelőbb diavetítés-méreteket.

3. jQuery plugin „slideJS”

Képcsúszka szöveges leírással.

4. „JSliderNews” beépülő modul 5. CSS3 jQuery csúszka

Ha az egérmutatót a navigációs nyilak fölé viszi, megjelenik a következő dia kör alakú bélyegképe.

6. Szép jQuery „Presentation Cycle” csúszka

jQuery csúszka képbetöltésjelzővel. Automatikus csúszkacsere biztosított.

7. jQuery plugin „Parallax Slider”

Csúszka térfogati háttér hatással. Ennek a csúszkának a csúcspontja a háttér mozgása, amely több rétegből áll, amelyek mindegyike eltérő sebességgel gördül. Az eredmény a térfogati hatás utánzata. Nagyon szépnek tűnik, ezt magad is láthatod. A hatás simábban jelenik meg olyan böngészőkben, mint az Opera, Google Chrome,AZAZ.

8. Friss, könnyű jQuery csúszka „bxSlider 3.0”

A bemutató oldalon a „példák” részben talál linkeket a bővítmény összes lehetséges felhasználására.

9. jQuery képcsúszka, „slideJS” bővítmény

Egy stílusos jQuery csúszka minden bizonnyal díszítheti projektjét.

10. jQuery slideshow plugin „Easy Slides” v1.1

Könnyen használható jQuery bővítmény diavetítések készítéséhez.

11. jQuery Slidy bővítmény

Könnyű jQuery bővítmény különböző verziókban. Automatikus csúszkacsere biztosított.

12. jQuery CSS galéria automatikus diaváltással

Ha a látogató egy bizonyos időn belül nem kattint az „Előre” vagy a „Vissza” nyilakra, a galéria automatikusan gördülni kezd.

13. jQuery csúszka „Nivo Slider”

Nagyon professzionális, kiváló minőségű könnyű plugin érvényes kód. Számos különböző diaátmeneti effektus áll rendelkezésre.

14. jQuery csúszka „MobilySlider”

Friss csúszka. jQuery csúszka különféle képváltoztató effektusokkal.

15. „Slider²” jQuery beépülő modul

Könnyű csúszka automatikus csúszkaváltóval.

16. Friss javascript csúszka

Csúszka automatikus képváltással.

Beépülő modul a diavetítés megvalósításához automatikus diaváltással. Lehetőség van a kijelző vezérlésére képbélyegképekkel.

jQuery CSS csúszka képeket a NivoSlider beépülő modul használatával.

19. jQuery csúszka „jShowOff”

Beépülő modul a tartalom forgatásához. Három felhasználási lehetőség: navigáció nélkül (automatikus diavetítés formátumváltással), navigációval gombok formájában, navigációval képbélyegképek formájában.

20. „Shutter Effect Portfolio” beépülő modul

Friss jQuery bővítmény a fotós portfóliójának megtervezéséhez. A galéria érdekesen befolyásolja a képváltást. A fotók egy lencsezár működéséhez hasonló hatással követik egymást.

21. Könnyű javascript CSS csúszka „TinySlider 2”

Képcsúszka megvalósítása javascript és CSS használatával.

22. Félelmetes csúszka „Tinycircleslider”

Stílusos kerek csúszka. A képek közötti átmenet úgy történik, hogy a csúszkát piros kör formájában húzza a kerület körül. Tökéletesen illeszkedik a webhelyébe, ha kör alakú elemeket használ a tervezésben.

23. Képcsúszka jQuery-vel

Könnyű csúszka „Slider Kit”. A csúszka különböző kivitelben kapható: függőleges és vízszintes. Különféle típusú navigációt is megvalósítanak a képek között: az „Előre” és a „Vissza” gombokkal, az egérgörgővel, a diára való kattintással.

24. Galéria miniatűrökkel „Slider Kit”

Galéria "Slider Kit". A bélyegképek görgetése függőlegesen és vízszintesen is megtörténik. A képek közötti átmenet a következőkkel történik: az egérgörgő, az egérkattintás vagy a kurzor mozgatása az indexkép fölé.

25. jQuery tartalomcsúszka „Slider Kit”

Függőleges és vízszintes tartalomcsúszka a jQuery használatával.

26. jQuery diavetítés „Slider Kit”

Diavetítés automatikus diaváltással.

27. Könnyű professzionális javascript CSS3 csúszka

Egy ügyes jQuery és CSS3 csúszka, amelyet 2011-ben készítettek.

jQuery diavetítés miniatűrökkel.

29. Egyszerű jQuery diavetítés

Diavetítés navigációs gombokkal.

30. Félelmetes jQuery „Skitter” diavetítés

A jQuery Skitter bővítmény lenyűgöző diavetítések készítéséhez. A plugin 22 (!) típusú különböző animációs effektust támogat a képek megváltoztatásakor. Két dianavigációs lehetőséggel működik: diaszámok és bélyegképek használatával. Feltétlenül nézze meg a demót, nagyon jó minőségű lelet. Felhasznált technológiák: CSS, HTML, jQuery, PHP.

31. „Kínos” diavetítés

Funkcionális diavetítés. A diák lehetnek: egyszerű képek, képek felirattal, képek eszköztippel, videók. A navigációhoz használhatja a nyilakat, a diaszám-hivatkozásokat, valamint a billentyűzet bal/jobb gombjait. A diavetítés több változatban is elérhető: miniatűrökkel és anélkül. Az összes lehetőség megtekintéséhez kövesse a Demo #1 - Demo #6 hivatkozásokat a bemutató oldal tetején.

Nagyon eredeti kialakítás a képcsúszkához, ventilátorra emlékeztet. Animált diaátmenet. A képek közötti navigáció nyilak segítségével történik. Van egy automatikus váltó is, amely a tetején található Play/Pause gombbal kapcsolható be és ki.

Animált jQuery csúszka. A háttérképek automatikusan átméreteződnek a böngészőablak átméretezésekor. Minden képhez megjelenik egy blokk leírással.

34. „Fluxuscsúszka” csúszka a jQuery és a CSS3 használatával

Új jQuery csúszka. Számos klassz animációs effektus diák váltásakor.

35. jQuery plugin „jSwitch”

Animált jQuery galéria.

Egyszerű jQuery diavetítés automatikus diaváltással.

37. A „SlideDeck 1.2.2” beépülő modul új verziója

Professzionális tartalom csúszka. Vannak automatikus diaváltási lehetőségek, valamint az egérgörgővel történő mozgás a diák között.

38. jQuery csúszka „Sudo Slider”

Könnyű képcsúszka a jQuery használatával. Rengeteg megvalósítási lehetőség létezik: képek vízszintes és függőleges cseréje, diaszámra mutató hivatkozásokkal és anélkül, képaláírásokkal és anélkül, különféle képváltoztató effektusok. Van egy automatikus diacsere funkció. Az összes megvalósítási példa linkje megtalálható a bemutató oldalon.

39. jQuery CSS3 diavetítés

A bélyegképekkel ellátott diavetítés támogatja az automatikus diaváltás módot.

40. jQuery csúszka „Fluxuscsúszka”

Csúszka számos képváltoztató effektussal.

41. Egyszerű jQuery csúszkát

Stílusos képcsúszka a jQuery használatával.

A SliderPro egy reszponzív jQuery csúszka, amely támogatja az indexképeket és más beállításokat, beleértve a saját API-ját.

A csúszka alapértelmezés szerint a képernyő méretéhez igazodik. Nemcsak a képek méretezése történik meg, hanem a további tartalommal ellátott rétegek is.
Érintéses ellop esemény támogatása érintőképernyők. A Breakpoints - a CSS-médialekérdezések analógja - használata a csúszka beállításainak megváltoztatásához különböző képernyőméreteken.
Sima animáció css3 átmenetekkel, réteganimáció, fade effektus diaváltáshoz.
A csúszka lehet az oldal teljes szélessége, a teljes képernyő, vagy egy tároló belsejében is elhelyezhető.
A csúszda magasságának automatikus megváltoztatása. Az előnézetek tájolása lehet függőleges vagy vízszintes.
A képek esetében támogatott a lusta betöltés, a retina és a különböző képek betöltésének lehetősége bizonyos képernyőméretekhez.
Videótámogatás, átvilágítódoboz-integráció, navigáció nyilakkal, pontokkal, billentyűzettel, bélyegképekkel és még sok minden mással.

CSS

Tartalmazza a stílusfájlt:

HTML

Példa jelölésre csúszka beszúrásához:

Lorem ipsum dolor sit amet

consectetur adipisicing elit

Összekapcsoljuk a szükséges szkripteket:

Inicializáljuk a plugint:

jQuery(document).ready(function($) ( $("#my-slider").sliderPro(; ));

További részletek a csúszkáról és használatáról a Githubon találhatók. Link lent.

A képgalériák és a csúszkák a legnépszerűbb jQuery formátumok közé tartoznak. Nekik köszönhetően a szükséges mennyiségű vizuális tartalmat hozzáadhatja webhelyéhez, miközben értékes helyet takarít meg.

A galériák és a csúszkák kevésbé terhelik az oldalt, de lehetővé teszik az üzenet közvetítéséhez szükséges összes kép hozzáadását. Különösen hasznosak lesznek az online áruházakban.

Mai cikkünkben összegyűjtöttük Önnek a legjobb jQuery képgalériákat és csúszkákat.

Telepítésükhöz csak adja hozzá a kiválasztott bővítményeket a HTML oldal fejrészéhez a jQuery könyvtárral együtt, és konfigurálja őket a dokumentáció szerint (csak néhány sornyi kód).

Válassza ki, hogy ezen elemek közül melyik illik tökéletesen a projektjéhez.

1. Bootstrap Slider

A Bootstrap Slider egy ingyenes, mobilra optimalizált képcsúszka érintéssel és csúsztatással görgethető. Bármilyen képernyőn és bármilyen böngészőben csodálatosan fog kinézni. Képeket, videókat, szövegeket, bélyegképeket és gombokat tölthet be a csúszkákba.

2. Termék előnézeti csúszka

A Product Preview Slider megtestesíti a jQuery teljes potenciálját, és tökéletesen illeszkedik bármely felülethez. A bővítmény kódjának minőségével és tisztaságával is elégedett lesz.

3. Bővíthető képtár

Az Expandable Image Gallery egy csodálatos bővítmény, amely egyetlen kattintással teljes képernyős galériává változik. Használható a „Rólunk” részhez vagy a termékinformációk megtekintéséhez.

4. Fotorama

A Fotorama egy reszponzív jQuery galériabővítmény, amely asztali és mobilböngészőkhöz egyaránt használható. Különféle navigációs lehetőségeket kínál: miniatűrök, görgetés, előre és vissza gombok, automatikus diavetítések és felsorolásjelek.

5. Magával ragadó csúszka

Az Immersive Slider lehetővé teszi a Google TV csúszkájához hasonló egyedi dianézési élmény létrehozását. Módosíthatja a háttérképet homályosra, hogy a fő fotó fókuszban maradjon.

6. Leastjs

A Leastjs egy reszponzív jQuery beépülő modul, amely segít egy csodálatos galéria létrehozásában. Ha a kurzort a kép fölé viszi, szöveg jelenik meg, ha pedig rákattint, az ablak teljes képernyőre bővül.

7. Csúszó panelek sablonja

Ez a bővítmény ideális portfólióhoz. Vízszintesen (kis képernyőkön függőlegesen) elhelyezett képblokkokat hoz létre, amelyekhez a kiválasztott tartalom kapcsolódik.

8. Squeezebox portfóliósablon

A Squeezebox Portfolio Template mozgási effektusokat kínál portfóliójához. Ha az egérmutatót a fő kép (vagy blokk) fölé viszi, lehorgonyzott elemek jelennek meg.

9. Képek keverése

A Shuffle Images egy csodálatos reszponzív bővítmény, amely lehetővé teszi, hogy galériát hozzon létre a lebegtetés közben változó képekkel.

10. Ingyenes jQuery Lightbox beépülő modul

Az ingyenes jQuery Lightbox beépülő modul segít egy vagy több kép megjelenítésében egy oldalon. Ezek is nagyíthatók és visszaállíthatók eredeti méretükre.

11. PgwSlider – Reszponzív csúszka a jQuery számára

A PgwSlider egy minimalista képcsúszka. A jQuery kód könnyű, így ennek a bővítménynek a betöltési sebessége kellemesen meg fogja lepni.

12. Szórványos Polaroidok Galéria

A Scattered Polaroids Gallery egy lenyűgöző lapos kialakítású csúszka. Elemei kaotikusan mozognak képváltáskor, ami csodálatosnak tűnik.

13. Ugráló tartalomszűrő

A Bouncy Content Filter ideális megoldás portfóliók számára. Ez a bővítmény lehetővé teszi a felhasználók számára, hogy gyorsan váltsanak egyik kategóriából a másikba.

14. Egyszerű jQuery Slider

Az egyszerű jQuery Slider méltó a nevéhez. Ez a beépülő modul a JavaScript, a HTML5 és a CSS3 elemeit egyesíti. Az alapértelmezett demó csak szöveg betöltését teszi lehetővé, de néhány változtatással vizuális tartalmat is hozzáadhat.

15. Glide JS

A Glide JS egy egyszerű, gyors és érzékeny jQuery csúszka. Könnyen konfigurálható, és a plugin nem foglal sok helyet.

16. Teljes képernyős fogd-csúszka parallaxissal

Ez a csodálatos jQuery csúszka, amely képes képeket és szöveget betölteni, bármely webhelyen használható. Enyhe parallaxis-effektussal és lassú szöveges megjelenéssel örvendezteti meg a felhasználókat.