20 érzékeny képgalériák és diavetítések (2018)
Ha webhelye kép-nehéz, azaz portfólió vagy fotós honlap, stb., Akkor két dologra lesz szüksége a legtöbbre - fotóalbum bővítmények, amelyek segítenek Önnek jobban kezelheti a webhelyén található képeket, és a kép diavetítései, hogy bemutassák a képeket a világnak.
A mai posztom azonban elsősorban az érzékeny képgalériák és diavetítések listáját fogja megvitatni. Ezek a galériák és diavetítések különböző stílusokban vannak kialakítva és jönnek különböző funkciók az optimalizált böngésző és a mobil megtekintés számára. Nézzük át az egyes elemek jellemzőit.
WOW csúszka
A WOW csúszka a jQuery-alapú kép csúszka ami csodálatos vizuális effektekkel rendelkezik, és néhány kattintással segít létrehozni csúszkákat. Gyorsan beágyazhatja bárhová, köszönhetően annak 'Oldal beillesztése varázslóba' és mentse-as-plugin opciókat a Joomla és a WordPress számára.
Ezenkívül rengeteg előre tervezett témát, import és export funkciót kínál, és tartalmazza a nem-jQuery, csak CSS-tartalék is.
Szia csúszka
A Hi Slider segít nulla kódolású kép csúszkák létrehozásában. Gyönyörű témákat és átmeneti hatásokat biztosít az egyéni sablonok tervezésének támogatása. Meglepő módon segíti Önt a csúszkák közzétételében, és HTML vagy modulokat hoz létre a WordPress, a Drupal és a Joomla számára.
Végül több forrásból is hozzáadhat több adathordozót, beleértve a YouTube-t is.
Jssor csúszka
A Jssor csúszka egy kényszerítő tartalom- és képcsúszka 300+ átmeneti hatás. A jQuery és a no-jQuery csúszkákat, valamint a WordPress plugint is használja. Amit szerettem, az sok demót és példát kínál, amely segít bárki számára, hogy gyorsan és gyorsan futhasson ezzel a csúszkával.
Azonban nem támogatja számos közzétételi platformot vagy olyan tartalomszolgáltatások, mint a Flickr és a YouTube, mint néhány fenti megoldás.
Gyümölcsleves doboz
A Juicebox egy látványos képgaléria-készítő, amely lehetővé teszi a webes galériák kódolás nélküli létrehozását. Ha nem igényel HTML-t, telepítheti és használhatja annak egyikét bővítmények a WordPress, a Lightroom, a Photoshop számára, és több.
Ez a vektoros ikonok, a Flickr támogatás, stb társadalmi megosztási lehetőségek, bevásárlókosár támogatás, zenei támogatás, fejlett témák stb.
cssSlider
A cssSlider egy tiszta-CSS, azaz., no-jQuery, nem-JavaScript csúszka megoldás. Sok animációs effektust és képszerkesztő funkciót kínál. Kiváló színsémák közül választhat, hogy könnyű kép csúszkákat hozzon létre.
Emellett a diavetítés funkciói közé tartozik teljes szélességű támogatás, automatikus lejátszás, navigáció és bélyegképek támogatása stb.
Cincopa
A Cincopa egy felhőszerű megoldás, amellyel egyszerű diavetítés készítő varázsló segítségével diavetítéseket készíthet. Ez egy online megoldás korlátlan tárolással és kompatibilitás számos platformtal, mint például a Joomla és a WordPress. Érdekes, hogy te is zene hozzáadása és a videók beágyazása a csúszkákhoz.
Végül, de nem utolsósorban, számos sablont (pl. Rács, magazin, portfólió, stb.) És támogatást biztosít a Google Analytics is.
Csodálatos csúszka
Az Amazing Slider egy jQuery csúszka a YouTube videók támogatása. Hozzon létre csúszkákat a HTML-ben, hogy beágyazhassanak egy weblapba, vagy ugyanazokat a szerkesztőket használják, mint a Dreamweaver vagy Frontpage. Továbbá létrehozhat egy bővítményt vagy modult a Joomla és a WordPress számára.
Végül pedig intuitív felhasználói felület csúszka varázslóval segít abban, hogy kiváló csúszkákat készítsen előre elkészített bőrrel és többszörös átmeneti hatásokkal minimális idő alatt.
Bootstrap Galéria
A Bootstrap Galéria egy egyszerű galéria-készítő, amely mind személyes, mind kereskedelmi célokra ingyenes, beleértve a falazati rácsot és a fénymodellt. Amit érdekel, lehet címkék hozzáadása a képtárakhoz a fényképek és videók támogatásával együtt.
Ráadásul sok testreszabási opciót használ, beleértve az opciókat is változtassa meg a színeket és a címeket stb..
Galleria
Galleria a JavaScript alapú képgaléria keretrendszer. Meglepő módon a Flickr, a Vimeo és a YouTube fényképeit és videóit csak néhány sornyi kóddal lehet beágyazni. Kínál több ingyenes téma és egy nem hivatalos plugin a WordPress számára is.
Ez azonban nem olyan egyszerű, mint a fenti megoldások, és a forráskód kezelésére van szükség.
Ninja csúszka
A Ninja Slider egy kép diavetítéses megoldás HTML támogatás. Lehetővé teszi a natív hangok és videók és videók felvételét a YouTube-ból és a Vimeo-ból is. A Ninja Slider nem igényel jQuery-t és támogatást lusta betöltési funkció, amely letölti a képet a háttérben, amikor a felhasználó eléggé görgetett ahhoz, hogy megnézze.
Sőt, ez is lehetővé teszi a szöveget csúszkákban, és a CSS segítségével testre szabhatja megjelenését.
Slider Maker
A Slider Maker egy jQuery diavetítés készítő, amely nulla kódolást igényel. Ez több nyelven és támogatja az idősoros több réteget egyetlen képen. Emellett az intelligens kép lusta betöltését és a különböző átmeneti hatásokat is felhasználja, hogy csodálatos csúszkákat hozzon létre, és számos témát kínál.
Te is integrálja azt bármelyik adminisztrációs panelen, ez azonban fizetett megoldás.
SlideAwesome
A SlideAwesome egy fotó diavetítés készítő, amelyre szüksége van nincs kódolási tudás. A legtöbb CMS-sel együtt működik, beleértve a WordPress-et, a Drupal-t és másokat is nincs hivatalos plugin számukra, és be kell ágyazni a kódját.
Meglepő módon felveheti a videókat a Vimeo-ról és a YouTube-ról a csúszkákba. Ezenkívül a lopakodó mód amely lehetővé teszi, hogy először megtekinthesse a diavetítést az élő webhelyén anélkül, hogy a látogatókat megjelenítené.
PhotoSnack
A PhotoSnack egy online fotó diavetítés készítő, amely támogatja a képek feltöltését fotótároló és szociális médiaszolgáltatások mint a Google Fotók, a Facebook, az Instagram, stb. Diavetítés létrehozása után használhatja azt a kódjának beágyazásával (másolásával) a blogjába vagy webhelyére.
Ezenkívül választhat egy stílust is sablonkészlet és ossza meg a diavetítést közvetlenül a szociális média barátaival néhány kattintással.
Flickr Beágyazás
A Flickr Embed egy kódgeneráló eszköz diavetítéseket hozhat létre a Flickr fotókból, amit később beágyazhat a webhelyére. Ami tetszett, lehetővé teszi, hogy különböző forrásokból származó képeket lehessen letölteni, beleértve a felhasználót vagy csoportot. Lehetővé teszi az opciók listáját, és diavetítést hoz létre a kiválasztott opciók használatával.
Meg lehet másolni és beilleszteni a modern JavaScript vagy az örökölt iFrame kód az új diavetítés megjelenítéséhez.
comSlider
A comSlider egy online diavetítés-készítő, amely kínál képzeletbeli átmenet és vizuális hatások. Bár a kezelőfelülete nem lenyűgözhet, de nem kevésbé jellemző. Számos lehetőséget kínál a csúszka megjelenésének és hangulatának testreszabására néhány speciális opcióval betöltési indikátor, stb..
Végül, de nem utolsósorban, könnyen beillesztheti azt bármely weboldalra a kód beillesztésével, mint a Flickr Embed.
Image Slider Maker
A Image Slide Maker egy csúszka-készítő, amely teljesen online működik. A jQuery-n alapul, csakúgy, mint a comSlider, és lehetővé teszi, hogy tartalmakat jelenítsen meg szövegekkel, linkekkel, fotókkal, valamint animációs hatások. Testreszabhatja sajátosságait, valamint a design elemeket, mint a gombok és a méretek, a dia átmenetek, a szöveges betűtípus és a szövegstílus stb.
PgwSlider
A PgwSlider a csúszka könyvtár a jQuery és a Zepto számára, amelyek a kép csúszkák létrehozásához használhatók. Bár ez nem felhasználóbarát, mint néhány fenti megoldás, mégis hibátlanul működik, és kevés kódolással működhet. Honlapja részletes információkat tartalmaz megjelenés és érzés opciók és bemutató példák, amelyek segítségével gyorsan elindulhat.
jQuery Gridder
A jQuery Gridder egy jQuery plugin a képgalériák létrehozásához. Megjeleníti a képek miniatűr rácsját a gyönyörű bővítőkép előnézet, hasonló a Google Képekhez.
A PgwSliderhez hasonlóan azonban néhány kódolásra van szükség. Néhány konfigurációs beállítás mellett egy opció is szerepelhet különböző események visszahívása.
SlidesJS
A SlideJS a slideshow plugin a jQuery számára. Sima átmenetet és számos konfigurációs lehetőséget kínál, de a SlideJS megköveteli, hogy kódolási élmény legyen. Amit szerettem, a jQuery Gridderhez hasonlóan, visszahívási funkciókat is hozzáadhatsz ahhoz, hogy valamit csinálj a diavetítés különböző eseményei, olyan, mint amikor egy dia betöltődik, elindul vagy befejeződik.
nyakleves
A wallop egy csúszkakönyvtár, amely a legjobban mutatja a dolgokat. Ezzel a kis, mégis hasznos könyvtárt használva létrehozhatja a kép csúszkákat és az egyéni oldalakat is eseményfigyelő.
Végül felsorolja az átmeneteket és az opciókat, valamint a API-k halmaza a kép csúszka vezérléséhez és testreszabásához vagy bármely más teremtés.