20 odzivnih slikovnih galerij in diaprojekcij (2018)

Če je vaše spletno mesto težavno, tj. Portfelj ali spletno mesto za fotografije itd., Sta najpomembnejši dve stvari - vtičniki fotogalerije, ki vam bodo pomagali boljše upravljanje slik na vaši spletni strani, in slikovne diaprojekcije za predstavitev vaših slik svetu.

Moja današnja objava pa bo v glavnem obravnavala seznam odzivnih galerij slik in diaprojekcij. Te galerije in diaprojekcije so oblikovane v različnih stilih in prihajajo različne funkcije za optimiziran pregledovalnik in mobilno gledanje. Poglejmo podrobnosti vsakega elementa.

WOW Slider

WOW Slider je a jQuery slikovni drsnik ki prihaja z neverjetnimi vizualnimi učinki in vam pomaga ustvariti drsnike z nekaj kliki. Lahko ga hitro vgradite kjerkoli, zahvaljujoč njegovi "Čarovnik za vstavljanje na stran" in možnosti shranjevanja kot vtičnika za Joomla in WordPress.

Ponuja tudi številne vnaprej oblikovane teme, funkcije uvoza in izvoza ter vključuje a ne-jQuery, zamenjava samo za CSS prav tako.

Živjo drsnik

Hi Slider pomaga ustvariti slikovne drsnike z nič kodiranjem. Zagotavlja lepe teme in učinke prehoda skupaj z podpora za oblikovanje predlog po meri. Neverjetno, to vam pomaga pri objavi vaših drsnikov in generira HTML ali module za WordPress, Drupal in Joomla.

Končno lahko dodate več medijev iz več virov, vključno z YouTubom.

Jssor Slider

Jssor Slider je privlačen drsnik z vsebino in sliko 300 + efekti prehoda. To izkoristi tako jQuery in no-jQuery drsnikov in plugin za WordPress, kot tudi. Kar mi je bilo všeč, je ponuja veliko predstavitev in primerov, ki bo pomagala vsakomur, da se s tem drsnikom hitro vključi in hitro teče.

Vendar pa je ne podpira veliko objavnih platform ali storitve z vsebino, kot sta Flickr in YouTube, kot nekaj zgoraj navedenih rešitev.

Juicebox

Juicebox je spektakularni ustvarjalec galerije slik, ki vam omogoča ustvarjanje spletnih galerij brez kodiranja. Če ne potrebujete HTML-ja, lahko namestite in uporabite enega od njegovih vtičniki za WordPress, Lightroom, Photoshop, in več.

Na voljo je z vektorskimi ikonami, podporo za Flickr itd. In uporablja veliko več funkcij v svoji pro različici, kot je možnosti skupne rabe, podpore za nakupovalni voziček, glasbene podpore, napredne teme, itd.

cssSlider

cssSlider je čisti CSS, tj., no-jQuery, drsnik brez JavaScripta rešitev. Ponuja veliko animacijskih učinkov in funkcij za urejanje slik. Izbirate lahko med pripravljenimi barvnimi shemami za ustvarjanje lahkih drsnikov za slike.

Poleg tega so njene funkcije za diaprojekcijo podpora celotne širine, možnost samodejnega predvajanja, navigacija in sličice, itd.

Cincopa

Cincopa je rešitev v obliki oblaka za ustvarjanje diaprojekcij s pomočjo preprostega čarovnika za ustvarjanje diaprojekcij. To je spletna rešitev z neomejenim pomnilnikom in združljivost s številnimi platformami, kot sta Joomla in WordPress. Zanimivo je tudi to dodajte glasbo in vdelajte videoposnetke v svoje drsnike.

Nenazadnje ponuja številne predloge (kot so mreža, revija, portfelj itd.) In podpora za vključitev storitve Google Analytics..

Amazing Slider

Amazing Slider je drsnik z jQuery podpora za videoposnetke iz YouTuba. Ustvarite lahko drsnike v HTML-ju, da jih vdelate v spletno stran, ali pa jih uporabite v urejevalnikih, kot so Dreamweaver ali Frontpage. Poleg tega lahko ustvarite tudi vtičnik ali modul za Joomla in WordPress.

Nazadnje, njegova intuitiven uporabniški vmesnik s čarovnikom za drsnike vam pomaga ustvariti odlične drsnike z vnaprej izdelanimi preoblekami in več učinki prehoda v najkrajšem času.

Galerija Bootstrap

Bootstrap Galerija je preprosta galerija ustvarjalec brezplačno za osebno in komercialno uporabo, vključujejo zidane postavitev mreže in Lightbox modal. Kaj me zanima, lahko dodajte oznake v svoje galerije slik skupaj s podporo za fotografije in videoposnetke.

Poleg tega je koristno veliko možnosti prilagajanja, vključno z možnostmi spremenite barve in naslove itd.

Galleria

Galleria je a Okvir galerije slik, ki temelji na JavaScriptu. Presenetljivo je, da lahko vstavite fotografije in videoposnetke s Flickr, Vimeo in YouTube s samo nekaj vrsticami kode. Ponuja več brezplačnih tem in neuradni vtičnik za WordPress prav tako.

Vendar pa ni tako enostavna za uporabo kot zgoraj navedene rešitve in zahteva ravnanje z izvorno kodo.

Ninja Slider

Ninja Slider je rešitev za diaprojekcijo slik podpora za HTML. Omogoča tudi vdelavo avdio in video posnetkov ter videoposnetkov iz YouTuba in Vimea. Ninja Slider ne zahteva jQuery in podpore lazična funkcija nalaganja, ki prenese sliko v ozadje, ko se je uporabnik dovolj pomaknil, da jo vidi.

Poleg tega tudi omogoča besedilo na drsnikih, in prilagodite njegov videz in občutek s pomočjo CSS.

Izdelovalec drsnikov

Izdelovalec drsnikov je ustvarjalec diaprojekcije jQuery, ki zahteva nič kodiranje. Na voljo je v več jezikih in podpira časovno omejene več plasti na eni sliki. Prav tako izkoristi pametno slikovno lazno nalaganje in različne učinke prehoda, da ustvarite neverjetne drsnike in ponuja številne teme.

Lahko tudi jo vključite v katerokoli administriranje, vendar je to plačana rešitev.

SlideAwesome

SlideAwesome je izdelovalec fotografij, ki potrebuje diaprojekcijo brez znanja o kodiranju. Deluje z večino CMS-jev, vključno z WordPressom, Drupalom in drugimi, čeprav obstaja ni uradnega vtičnika za njih in morate vdelati njegovo kodo.

Presenetljivo lahko v svoje drsnike vključite videoposnetke iz storitve Vimeo in YouTube. Poleg tega ponuja a prikrit način ki vam omogoča predogled predstavitve na vašem spletnem mestu v živo, ne da bi ga prikazali obiskovalcem.

PhotoSnack

PhotoSnack je spletni izdelovalec fotografij, ki podpira nalaganje fotografij Storitve shranjevanja fotografij in storitve socialnih medijev kot so Google Photos, Facebook, Instagram, itd. Ko ustvarite diaprojekcijo, jo lahko uporabite tako, da v svoj blog ali spletno mesto vstavite svojo kodo (lepljenje)..

Poleg tega lahko izberete slog iz njegovega niz predlog in delite diaprojekcijo neposredno s prijatelji v družabnih omrežjih v nekaj klikih.

Flickr Embed

Flickr Embed je orodje za generiranje kode ustvarite diaprojekcije s fotografij Flickr, ki jih lahko kasneje vdelate na svoje spletno mesto. Kar mi je bilo všeč, je, da omogoča pridobivanje slik iz različnih virov, vključno z uporabnikom ali skupino. Zagotavlja seznam možnosti in ustvari diaprojekcijo z izbranimi možnostmi.

Lahko kopirate in prilepite sodoben JavaScript ali starejša koda iFrame na vašo spletno stran, da prikažete novo diaprojekcijo.

comSlider

comSlider je ustvarjalec spletnih predstavitev, ki ponuja modni prehodi in vizualni učinki. Čeprav vas vmesnik morda ne bo navdušil, vendar ni nič manj značilen. Ponuja številne možnosti za prilagoditev videza in občutka drsnika skupaj z nekaterimi naprednimi možnostmi, kot je indikator nalaganja, itd.

Nenazadnje ga lahko preprosto vključite na katero koli spletno stran tako, da kopirate svojo kodo, tako kot Flickr Embed.

Image Slider Maker

Izdelovalec diapozitivov slik je a drsnik, ki deluje v celoti na spletu. Temelji na jQuery, tako kot comSlider, in vam omogoča ustvarjanje diapozitivov z besedilom, povezavami, fotografijami, kot tudi učinki animacije. Lahko jih prilagodite, kot tudi elemente oblikovanja, kot so gumbi in dimenzije, prehodi med diapozitivi, pisava besedila in slog besedila itd.

PgwSlider

PgwSlider je a drsnik za jQuery in Zepto, ki se lahko uporablja za ustvarjanje slikovnih drsnikov. Čeprav ni uporabniku prijazen, kot nekateri zgoraj rešitve, vendar deluje brezhibno, in lahko bi bilo delo z malo kodiranja. Na njeni spletni strani so podrobnosti o tem izgled in občutek možnosti in kaže demo primere, ki vam bodo pomagali hitro začeti.

jQuery Gridder

jQuery Gridder je vtičnik jQuery za ustvarjanje slikovnih galerij. Prikaže sličico s slikami z a lep razširjen predogled slike, podobne storitvi Google Slike.

Vendar pa, kot PgwSlider, zahteva nekaj kodiranja z vaše strani. Obstaja nekaj konfiguracijskih možnosti in možnost vključitve povratne klice za različne dogodke.

SlidesJS

SlideJS je a slideshow plugin za jQuery. Ima gladke prehode in številne možnosti konfiguracije, vendar SlideJS zahteva, da imate kodirno izkušnjo. Všeč mi je, kot jQuery Gridder, lahko dodate funkcije povratnega klica, da naredite nekaj različne dogodke diaprojekcije, ko se drsnik naloži, zažene ali dokonča.

wallop

wallop je knjižnica drsnikov, ki najbolje deluje za prikazovanje in skrivanje stvari. Z uporabo te majhne, ​​a uporabne knjižnice, lahko ustvarite slikovne drsnike, kot tudi prilagojene strani, zahvaljujoč njegovi poslušalca dogodkov.

Nazadnje ponuja seznam prehodov in možnosti, kot tudi niz API-jev za nadzor in prilagoditev slikovnega drsnika ali katero koli drugo stvaritev.