Slider Pro - adaptive slider na may mga thumbnail. Isang seleksyon ng mga adaptive slider JQuery image slider at paglalarawan
Ang oras ay hindi tumitigil at kasama nito ang pag-unlad. Naapektuhan din nito ang Internet. Makikita mo na kung paano nagbabago ang hitsura ng mga website lalo na ang adaptive na disenyo. At sa bagay na ito, medyo ilang mga bago ang lumitaw adaptive jquery slider, mga gallery, carousel o katulad na mga plugin.
1. Nakikiramay Pahalang na Mga Post Slider
Adaptive horizontal carousel na may mga detalyadong tagubilin sa pag-install. Ito ay ginawa sa isang simpleng istilo, ngunit maaari mo itong i-istilo upang umangkop sa iyong sarili.
2. Slider sa Glide.js
Ang slider na ito ay angkop para sa anumang website. Gumagamit ito ng open source na Glide.js. Ang mga kulay ng slider ay madaling mabago.
3. Nakatagilid na Slideshow ng Nilalaman
Tumutugon na slider na may nilalaman. Ang highlight ng slider na ito ay ang 3D na epekto ng mga imahe, pati na rin ang iba't ibang mga animation ng random na hitsura.
4. Slider gamit ang HTML5 canvas
Isang napakaganda at kahanga-hangang slider na may mga interactive na particle. Ginawa ito gamit ang HTML5 canvas,
5. Image Morphing Slider
Slider na may morphing effect (Makinis na pagbabago mula sa isang bagay patungo sa isa pa). Sa halimbawang ito, ang slider ay angkop na angkop para sa portfolio ng isang web developer o web studio sa anyo ng isang portfolio.
6. Pabilog na slider
Slider sa anyo ng isang bilog na may epekto ng pag-flip ng imahe.
7. Slider na may malabong background
Adaptive slider na may switching at background blur.
8. Nakikiramay fashion slider
Simple, magaan at tumutugon na slider ng website.
9. Slicebox - jQuery 3D image slider(NA-UPDATE)
Na-update na bersyon ng Slicebox slider na may mga pag-aayos at mga bagong feature.
10. Libreng Animated Responsive Image Grid
JQuery plugin upang lumikha ng isang nababaluktot na grid ng imahe na magpapalit ng mga kuha gamit ang iba't ibang mga animation at timing. Maaari itong magmukhang maganda bilang isang background o elementong pampalamuti sa isang website, dahil maaari tayong pumili ng mga bagong larawan at ang kanilang mga transition. Ang plugin ay dumating sa ilang mga bersyon.
11. Flex slider
Isang unibersal na libreng plugin para sa iyong website. Ang plugin na ito ay may ilang mga opsyon sa slider at carousel.
12. Photo frame
Fotorama ay isang unibersal na plugin. Ito ay may maraming mga setting, lahat ay gumagana nang mabilis at madali, at maaari mong tingnan ang mga slide sa buong screen. Ang slider ay maaaring gamitin pareho sa isang nakapirming laki at adaptive, mayroon o walang mga thumbnail, mayroon o walang pabilog na pag-scroll, at marami pang iba.
P.S.Ilang beses kong na-install ang slider at sa tingin ko isa ito sa pinakamahusay
13. Libre at adaptive na 3D slider gallery na may mga thumbnail.
Pang-eksperimentong gallery slider 3DPanelLayout na may grid at kawili-wiling mga animation effect.
14. Slider sa css3
Ang adaptive slider ay ginawa gamit ang css3 na may makinis na hitsura ng nilalaman at magaan na animation.
15. WOW Slider
WOW Slider ay isang slider ng imahe na may kamangha-manghang mga visual effect.
17. Nababanat
Nababanat na slider na may ganap na kakayahang tumugon at mga slide thumbnail.
18. hiwa
Ito ay isang full screen na tumutugon na slider gamit ang css3 animation. Ang slider ay ginawa sa dalawang bersyon. Ang animation ay tapos na medyo hindi karaniwan at maganda.
19. Adaptive photo gallery plus
Isang simpleng libreng slider ng gallery na may paglo-load ng imahe.
20. Tumutugon Slider para sa WordPress
Adaptive na libreng slider para sa WP.
21. Parallax Content Slider
Slider na may paralaks na epekto at kontrol ng bawat elemento gamit ang CSS3.
22. Slider na may link ng musika
Slider gamit ang JPlayer open source code. Ang slider na ito ay kahawig ng isang pagtatanghal na may musika.
23. Slider na may jmpress.js
Ang tumutugon na slider ay batay sa jmpress.js at samakatuwid ay magbibigay-daan sa iyong magdagdag ng ilang kawili-wiling 3D effect sa iyong mga slide.
24. Mabilis na Hover Slideshow
Slide show na may mabilis na paglipat ng slide. Naka-on hover ang slides switch.
25. Image Accordion na may CSS3
Image accordion gamit ang css3.
26. Isang Touch Optimized Gallery Plugin
Isa itong tumutugong gallery na na-optimize para sa mga touch device.
27. 3D Gallery
3D Wall Gallery- nilikha para sa Safari browser, kung saan makikita ang 3D effect. Kung titingnan mo ito sa ibang browser, magiging maayos ang functionality ngunit hindi makikita ang 3D effect.
28. Slider na may pagination
Tumutugon na slider na may pagination gamit ang JQuery UI slider. Ang ideya ay gumamit ng isang simpleng konsepto ng nabigasyon. Posibleng i-rewind ang lahat ng mga imahe o lumipat sa slide sa pamamagitan ng slide.
29. Image Montage na may jQuery
Awtomatikong ayusin ang mga larawan depende sa lapad ng screen. Isang napaka-kapaki-pakinabang na bagay kapag bumubuo ng isang portfolio website.
30. 3D Gallery
Isang simpleng 3D circular slider gamit ang css3 at jQuery.
31. Full screen mode na may 3D effect gamit ang css3 at jQuery
Isang slider na may kakayahang tingnan ang mga larawan sa buong screen na may magandang transition.
1. Napakahusay na jQuery Slideshow
Isang malaki, nakamamanghang slideshow gamit ang mga teknolohiya ng jQuery.
2. jQuery plugin na "Scale Carousel"
Nasusukat na slideshow gamit ang jQuery. Maaari mong itakda ang mga laki ng slideshow na pinakaangkop sa iyo.
3. jQuery plugin "slideJS"
Slider ng imahe na may paglalarawan ng teksto.
4. Plugin na “JSliderNews”
5. CSS3 jQuery slider
Kapag nag-hover ka sa mga navigation arrow, lilitaw ang isang pabilog na thumbnail ng susunod na slide.
6. Magandang jQuery "Presentation Cycle" slider
jQuery slider na may tagapagpahiwatig ng paglo-load ng imahe. Ang awtomatikong pagpapalit ng slide ay ibinigay.
7. jQuery plugin na "Parallax Slider"
Slider na may volumetric na background effect. Ang highlight ng slider na ito ay ang paggalaw ng background, na binubuo ng ilang mga layer, na ang bawat isa ay nag-scroll sa ibang bilis. Ang resulta ay isang imitasyon ng volumetric effect. Napakaganda nito, makikita mo sa iyong sarili. Ang epekto ay ipinapakita nang mas maayos sa mga browser tulad ng Opera, Google Chrome, IE.
8. Bago, magaan na jQuery slider "bxSlider 3.0"
Sa pahina ng demo sa seksyong "mga halimbawa" maaari kang makakita ng mga link sa lahat ng posibleng paggamit ng plugin na ito.
9. jQuery image slider, "slideJS" plugin
Ang isang naka-istilong jQuery slider ay tiyak na maaaring palamutihan ang iyong proyekto.
10. jQuery slideshow plugin "Easy Slides" v1.1
Isang madaling gamitin na jQuery plugin para sa paglikha ng mga slideshow.
11. jQuery Slidy plugin
Magaang jQuery plugin sa iba't ibang mga bersyon. Ang awtomatikong pagpapalit ng slide ay ibinigay.
12. jQuery CSS gallery na may awtomatikong pagbabago ng slide
Kung ang bisita ay hindi nag-click sa "Pasulong" o "Bumalik" na mga arrow sa loob ng isang tiyak na oras, ang gallery ay magsisimulang awtomatikong mag-scroll.
13. jQuery slider "Nivo Slider"
Napakapropesyonal, mataas ang kalidad, magaan na plugin na may wastong code. Mayroong maraming iba't ibang mga slide transition effect na magagamit.
14. jQuery slider "MobilySlider"
Bagong slider. jQuery slider na may iba't ibang mga epekto sa pagbabago ng imahe.
15. jQuery Plugin “Slider²”
Magaan na slider na may awtomatikong slide changer.
16. Fresh javascript slider
Slider na may awtomatikong pagbabago ng imahe.
Plugin para sa pagpapatupad ng mga slide show na may awtomatikong pagpapalit ng slide. Posibleng kontrolin ang display gamit ang mga thumbnail ng imahe.
jQuery CSS image slider gamit ang NivoSlider plugin.
19. jQuery slider "jShowOff"
Plugin ng pag-ikot ng nilalaman. Tatlong pagpipilian para sa paggamit: walang nabigasyon (na may awtomatikong pagbabago sa format ng slide show), na may nabigasyon sa anyo ng mga pindutan, na may nabigasyon sa anyo ng mga thumbnail ng imahe.
20. Plugin na "Shutter Effect Portfolio".
Bagong jQuery plugin para sa pagdidisenyo ng portfolio ng photographer. Ang gallery ay may kawili-wiling epekto ng pagbabago ng mga larawan. Ang mga larawan ay sumusunod sa isa't isa na may epekto na katulad ng pagpapatakbo ng isang lens shutter.
21. Magaang javascript CSS slider “TinySlider 2”
Pagpapatupad ng isang slider ng imahe gamit ang javascript at CSS.
22. Kahanga-hangang slider "Tinycircleslider"
Naka-istilong bilog na slider. Ang paglipat sa pagitan ng mga imahe ay isinasagawa sa pamamagitan ng pag-drag ng slider sa anyo ng isang pulang bilog sa paligid ng circumference. Ito ay ganap na magkasya sa iyong website kung gumagamit ka ng mga bilog na elemento sa iyong disenyo.
23. Slider ng imahe na may jQuery
Magaan na slider na "Slider Kit". Ang slider ay magagamit sa iba't ibang disenyo: patayo at pahalang. Ang iba't ibang uri ng pag-navigate sa pagitan ng mga imahe ay ipinapatupad din: gamit ang "Forward" at "Back" na pindutan, gamit ang mouse wheel, gamit ang mouse click sa slide.
24. Gallery na may mga miniature na "Slider Kit"
Gallery "Slider Kit". Ang pag-scroll ng mga thumbnail ay isinasagawa nang patayo at pahalang. Ang paglipat sa pagitan ng mga imahe ay isinasagawa gamit ang: ang gulong ng mouse, pag-click ng mouse o pag-hover ng cursor sa thumbnail.
25. Slider ng nilalaman ng jQuery "Slider Kit"
Vertical at horizontal content slider gamit ang jQuery.
26. jQuery slideshow "Slider Kit"
Slideshow na may awtomatikong pagpapalit ng slide.
27. Magaan na propesyonal na javascript CSS3 slider
Isang maayos na jQuery at CSS3 slider na nilikha noong 2011.
jQuery slideshow na may mga thumbnail.
29. Simpleng jQuery slideshow
Slideshow na may mga navigation button.
30. Kahanga-hangang jQuery "Skitter" Slideshow
jQuery Skitter plugin para sa paglikha ng mga nakamamanghang slideshow. Sinusuportahan ng plugin ang 22 (!) na mga uri ng iba't ibang mga epekto ng animation kapag nagbabago ng mga imahe. Maaaring gumana sa dalawang opsyon sa pag-navigate sa slide: gamit ang mga numero ng slide at paggamit ng mga thumbnail. Tiyaking panoorin ang demo, isang napakataas na kalidad na paghahanap. Mga teknolohiyang ginamit: CSS, HTML, jQuery, PHP.
31. Slideshow na "Awkward"
Functional na slide show. Ang mga slide ay maaaring: mga simpleng larawan, mga larawang may mga caption, mga larawang may mga tooltip, mga video. Maaari kang gumamit ng mga arrow, slide number link, at kaliwa/kanang key sa iyong keyboard upang mag-navigate. Ang slide show ay may ilang bersyon: may mga thumbnail at walang. Upang tingnan ang lahat ng mga pagpipilian, sundin ang mga link Demo #1 - Demo #6 na matatagpuan sa tuktok ng pahina ng demo.
Isang napaka orihinal na disenyo para sa slider ng imahe, na parang fan. Animated na paglipat ng slide. Ang pag-navigate sa pagitan ng mga imahe ay isinasagawa gamit ang mga arrow. Mayroon ding awtomatikong shift na maaaring i-on at i-off gamit ang Play/Pause na button na matatagpuan sa itaas.
Animated jQuery slider. Awtomatikong nasusukat ang mga larawan sa background habang binabago ang window ng browser. Para sa bawat larawan, lilitaw ang isang bloke na may paglalarawan.
34. "Flux Slider" slider gamit ang jQuery at CSS3
Bagong jQuery slider. Maraming mga cool na animated effect kapag nagbabago ng mga slide.
35. jQuery plugin “jSwitch”
Animated jQuery gallery.
Isang madaling jQuery slideshow na may awtomatikong pagbabago ng slide.
37. Bagong bersyon ng plugin na "SlideDeck 1.2.2"
Propesyonal na slider ng nilalaman. May mga opsyon na may awtomatikong pagbabago ng slide, pati na rin ang opsyon gamit ang mouse wheel upang lumipat sa pagitan ng mga slide.
38. jQuery slider "Sudo Slider"
Magaan na slider ng imahe gamit ang jQuery. Mayroong maraming mga pagpipilian sa pagpapatupad: pahalang at patayong pagbabago ng mga imahe, mayroon at walang mga link sa numero ng slide, mayroon at walang mga caption ng imahe, iba't ibang mga epekto sa pagbabago ng imahe. Mayroong awtomatikong pagpapalit ng slide function. Ang mga link sa lahat ng mga halimbawa ng pagpapatupad ay matatagpuan sa pahina ng demo.
39. jQuery CSS3 slideshow
Sinusuportahan ng slideshow na may mga thumbnail ang awtomatikong pagbabago ng slide mode.
40. jQuery slider "Flux Slider"
Slider na may maraming mga epekto sa pagbabago ng imahe.
41. Simpleng jQuery slider
Naka-istilong slider ng imahe gamit ang jQuery.
Ang oras ay hindi tumitigil at kasama nito ang pag-unlad. Naapektuhan din nito ang Internet. Makikita mo na kung paano nagbabago ang hitsura ng mga website, at lalo pang sikat ang adaptive na disenyo. Sa bagay na ito, adaptive mga slider para sa site naging napakapopular at may kaugnayan. Medyo may mga bagong lumitaw adaptive jquery slider, mga gallery at carousel.
Kung nais mong i-install ang unibersal slider o carousel maaari kang pumunta sa iyong website sa pamamagitan ng
Mga slider para sa site
1. Nakikiramay Pahalang na Mga Post Slider
Adaptive horizontal carousel na may mga detalyadong tagubilin sa pag-install. Ito ay ginawa sa isang simpleng istilo, ngunit maaari mo itong i-istilo upang umangkop sa iyong sarili.
2. Slider sa Glide.js
Ang slider na ito ay angkop para sa anumang website. Gumagamit ito ng open source na Glide.js. Ang mga kulay ng slider ay madaling mabago.
Mga adaptive na slider para sa isang website na may nilalaman. Ang highlight ng slider na ito ay ang 3D na epekto ng mga imahe, pati na rin ang iba't ibang mga animation ng random na hitsura.
4. Slider gamit ang HTML5 canvas
Isang napakaganda at kahanga-hangang slider na may mga interactive na particle. Ginawa ito gamit ang HTML5 canvas,
5. Image Morphing Slider
Slider na may morphing effect. Sa halimbawang ito, ang slider ay angkop na angkop para sa portfolio ng isang web developer o web studio sa anyo ng isang portfolio.
6. Pabilog na slider
Slider sa anyo ng isang bilog na may epekto ng pag-flip ng imahe.
7. Slider na may malabong background
Adaptive slider na may switching at background blur.
8. Nakikiramay fashion slider
Simple, magaan at tumutugon na slider ng website.
9. Slicebox - jQuery 3D image slider(NA-UPDATE)
Na-update na bersyon ng Slicebox slider na may mga pag-aayos at mga bagong tampok.
JQuery plugin upang lumikha ng isang nababaluktot na grid ng imahe na magpapalit ng mga kuha gamit ang iba't ibang mga animation at timing.
Mga slider para sa site, ikalawang bahagi.
11. Flex slider
Isang unibersal na libreng plugin para sa iyong website. Ang plugin na ito ay may ilang mga opsyon sa slider at carousel.
12. Photo frame
Fotoramaay isang unibersal na plugin. Ito ay may maraming mga setting. Gumagana nang mabilis at madali ang lahat, at maaari mo ring tingnan ang mga slide sa buong screen. Ang slider ay maaaring gamitin pareho sa isang nakapirming laki at adaptive, mayroon o walang mga thumbnail, mayroon o walang pabilog na pag-scroll, at marami pang iba. Gamit ang isang frame ng larawan, maaari kang lumikha ng mga kawili-wiling adaptive slider para sa iyong website.
P.S.Ilang beses kong na-install ang slider at sa tingin ko isa ito sa pinakamahusay
13. Libre at adaptive na 3D slider gallery na may mga thumbnail.
Pang-eksperimentong gallery slider 3DPanelLayout na may grid at kawili-wiling mga animation effect.
14. Slider sa css3
Ang adaptive slider ay ginawa gamit ang css3 na may makinis na hitsura ng nilalaman at magaan na animation.
ay isang slider ng imahe na may mga nakamamanghang visual effect at animation.
17. Nababanat
Nababanat na slider na may ganap na kakayahang tumugon at mga slide thumbnail.
18. Biyak
Ito ay isang full screen na tumutugon na slider gamit ang css3 animation. Ang slider ay ginawa sa dalawang bersyon at ang animation ay ginawang hindi karaniwan.
19. Adaptive photo gallery plus
Isang simpleng libreng slider ng gallery na may paglo-load ng imahe.
20. Tumutugon Slider para sa WordPress
Tumutugon at libreng slider para sa WP.
21. Parallax Content Slider
Slider na may paralaks na epekto at kontrol ng bawat elemento gamit ang CSS3.
22. Slider na may link ng musika
Slider na may gamit ang JPlayer open source code. Ang slider na ito ay kahawig ng isang pagtatanghal na may musika.
Mga slider para sa site, ikatlong bahagi.
23. Slider na may jmpress.js
Ang adaptive slider ay batay sa jmpress.js at samakatuwid ay magbibigay-daan sa iyong gumamit ng ilang kawili-wiling 3D effect sa iyong mga slide.
24. Mabilis na Hover Slideshow
Slide show na may mabilis na paglipat ng slide. Naka-on hover ang slides switch.
Image accordion gamit ang css3.
Isa itong tumutugong gallery na na-optimize para sa mga touch device.
29. Image Montage na may jQuery
Awtomatikong ayusin ang mga larawan depende sa lapad ng screen. Isang napaka-kapaki-pakinabang at kawili-wiling bagay kapag bumubuo ng isang portfolio website.
33. Multi-level na mapa ng larawan.
Ito ay isang multi-level na mapa - binibigyang-daan ka ng isang image gallery na magpakita ng mga larawang nauugnay sa kanilang lokasyon. Ito ay batay sa google maps. Ang kanang bahagi ay nagpapakita ng isang thumbnail ng larawan na maaaring tingnan sa isang light box kapag nag-click ka dito.
34. Full-screen na gallery na may mga thumbnail
Adaptive slider gallery na may thumbnail at paglalarawan ng slide.
Ang mga slider para sa site ay patuloy na ina-update at ang kanilang bilang ay tumataas araw-araw. Kung mayroon kang mga paboritong slider o marahil ay hindi mo nahanap ang iyong hinahanap pagkatapos ay sumulat sa mga komento at susubukan kong tulungan ka.
Sa kasalukuyan, ang slider - carousel - ay isang functionality na kailangan lang magkaroon sa isang website ng negosyo, portfolio website o anumang iba pang mapagkukunan. Kasama ng mga full-screen na slider ng imahe, ang mga pahalang na carousel slider ay akma nang maayos sa anumang disenyo ng web.
Minsan ang slider ay dapat sumakop sa isang katlo ng pahina ng site. Dito ginagamit ang carousel slider na may mga transition effect at tumutugon na mga layout. Gumagamit ang mga site ng e-commerce ng carousel slider upang magpakita ng maraming larawan sa mga indibidwal na post o page. Ang slider code ay maaaring malayang gamitin at mabago ayon sa iyong mga pangangailangan.
Gamit ang JQuery kasabay ng HTML5 at CSS3, maaari mong gawing mas kawili-wili ang iyong mga pahina, bigyan sila ng mga natatanging epekto, at maakit ang atensyon ng mga bisita sa isang partikular na lugar ng site.
Slick – modernong carousel slider plugin
Ang Slick ay isang malayang magagamit na jquery plugin na sinasabi ng mga developer na ang kanilang solusyon ay makakatugon sa lahat ng iyong mga kinakailangan sa slider. Adaptive slider - maaaring gumana ang carousel sa "tile" mode para sa mga mobile device, at sa "drag and drop" mode para sa desktop na bersyon.
Naglalaman ng "fade" transition effect, isang kawili-wiling feature na "center mode", tamad na paglo-load ng mga larawan na may awtomatikong pag-scroll. Kasama sa na-update na functionality ang pagdaragdag ng mga slide at slide filter. Lahat upang matiyak na iko-configure mo ang plugin ayon sa iyong mga kinakailangan.
Demo mode | I-download
Owl Carousel 2.0 – jQuery – plugin para magamit sa mga touch device
Ang plugin na ito ay may malaking hanay ng mga function, na angkop para sa parehong mga nagsisimula at may karanasan na mga developer. Ito ay isang na-update na bersyon ng carousel slider. Ang kanyang hinalinhan ay may parehong pangalan.
Ang slider ay may ilang mga built-in na plugin upang mapabuti ang pangkalahatang pag-andar. Animation, video playback, slider autoplay, lazy loading, awtomatikong pagsasaayos ng taas – ito ang mga pangunahing tampok ng Owl Carousel 2.0.
Ang drag at drop na suporta ay kasama para sa mas maginhawang paggamit ng plugin sa mga mobile device.
Ang plugin ay perpekto para sa pagpapakita ng malalaking larawan kahit sa maliliit na screen ng mga mobile device.
Mga halimbawa | I-download
jQuery plugin na Silver Track
Isang medyo maliit, ngunit functionally rich jquery plugin na nagbibigay-daan sa iyong maglagay ng slider sa isang page - isang carousel, na may maliit na core at hindi kumonsumo ng maraming mapagkukunan ng site. Maaaring gamitin ang plugin upang magpakita ng mga vertical at horizontal slider, na may animation at lumikha ng mga hanay ng mga larawan mula sa gallery.
Mga halimbawa | I-download
AnoSlide – Ultra compact na tumutugon sa jQuery slider
Ultra compact jQuery slider - carousel, ang functionality na mas malaki kaysa sa isang regular na slider. Kabilang dito ang nag-iisang preview ng larawan, maramihang pagpapakita ng carousel ng larawan, at slider na nakabatay sa pamagat na display.
Mga halimbawa | I-download
Owl Carousel – Jquery slider – carousel
Ang Owl carousel ay isang slider na sumusuporta sa mga touch screen at drag and drop na teknolohiya, na madaling isinama sa HTML code. Ang plugin ay isa sa mga pinakamahusay na slider na nagbibigay-daan sa iyong lumikha ng magagandang carousels nang walang anumang espesyal na inihandang markup.
Mga halimbawa | I-download
3D gallery - carousel
Gumagamit ng mga 3D transition batay sa mga istilo ng CSS at kaunting Javascript code.
Mga halimbawa | I-download
3D carousel gamit ang TweenMax.js at jQuery
Napakagandang 3D carousel. Mukhang beta version pa rin ito, dahil ngayon lang ako nakatuklas ng ilang problema dito. Kung interesado kang subukan at gumawa ng sarili mong mga slider, malaking tulong ang carousel na ito.
Mga halimbawa | I-download
Carousel gamit ang bootstrap
Responsive slider - carousel gamit ang teknolohiya ng bootstrap para lang sa iyong bagong website.
Mga halimbawa | I-download
Moving Box carousel slider batay sa Bootstrap framework
Pinakasikat sa portfolio at mga website ng negosyo. Ang ganitong uri ng slider - carousel - ay madalas na matatagpuan sa mga site ng anumang uri.
Mga halimbawa | I-download
Maliit na Circleslider
Ang maliit na laki ng slider na ito ay handang gumana sa mga device na may anumang resolution ng screen. Ang slider ay maaaring gumana sa parehong mga circular at carousel mode. Ang maliit na bilog ay ipinakita bilang isang kahalili sa iba pang mga slider ng ganitong uri. Mayroong built-in na suporta para sa IOS at Android operating system.
Sa circular mode, ang slider ay mukhang medyo kawili-wili. Napakahusay na suporta para sa drag at drop na paraan at isang awtomatikong slide scrolling system.
Mga halimbawa | I-download
Slider ng Nilalaman ng Thumbelina
Ang isang malakas, adaptive, carousel slider ay perpekto para sa isang modernong website. Gumagana nang tama sa anumang device. May mga horizontal at vertical mode. Ang laki nito ay pinaliit sa 1 KB lang. Ang ultra compact na plugin ay mayroon ding mahusay na makinis na mga transition.
Mga halimbawa | I-download
Wow – slider – carousel
Naglalaman ng higit sa 50 effect, na makakatulong sa iyong lumikha ng orihinal na slider para sa iyong website.
Mga halimbawa | I-download
Tumutugon jQuery nilalaman slider bxSlider
Baguhin ang laki ng window ng iyong browser upang makita kung paano umaangkop ang slider. Ang Bxslider ay may higit sa 50 mga pagpipilian sa pagpapasadya at ipinapakita ang mga tampok nito na may iba't ibang mga epekto sa paglipat.
Mga halimbawa | I-download
jCarousel
Ang jCarousel ay isang jQuery plugin na makakatulong sa pag-aayos ng pagtingin sa iyong mga larawan. Madali kang makakagawa ng mga custom na carousel ng larawan mula sa base na ipinapakita sa halimbawa. Ang slider ay adaptive at na-optimize para sa pagtatrabaho sa mga mobile platform.
Mga halimbawa | I-download
Scrollbox - jQuery plugin
Ang Scrollbox ay isang compact na plugin para sa paggawa ng slider - isang carousel o isang text crawl. Kasama sa mga pangunahing feature ang mga vertical at horizontal scrolling effect na may pause sa mouseover.
Mga halimbawa | I-download
dbpasCarousel
Isang simpleng carousel slider. Kung kailangan mo ng mabilis na plugin, ang isang ito ay 100% na angkop. Kasama lamang ang mga pangunahing tampok na kinakailangan para gumana ang slider.
Mga halimbawa | I-download
Flexisel: Tumutugon na JQuery Slider Plugin - Carousel
Ang mga gumawa ng Flexisel ay binigyang inspirasyon ng lumang-paaralan na jCarousel plugin, na gumagawa ng kopya nito na naglalayong tiyakin na gumagana nang tama ang slider sa mga mobile at tablet na device.
Ang tumutugon na layout ng Flexisel, kapag tumatakbo sa mga mobile device, ay iba sa isang browser na kasing laki ng layout. Ang Flexisel ay perpektong inangkop upang gumana sa mga screen, parehong mababa at mataas na resolution.
Mga halimbawa | I-download
Elastislide – adaptive slider – carousel
Ang Elastislide ay perpektong umaangkop sa laki ng screen ng iyong device. Maaari mong itakda ang pinakamababang bilang ng mga larawang ipapakita sa isang partikular na resolusyon. Gumagana nang maayos bilang isang carousel slider para sa mga gallery ng larawan, gamit ang isang nakapirming wrapper kasama ng isang vertical na epekto sa pag-scroll.
Halimbawa | I-download
FlexSlider 2
Freeware slider mula sa Woothemes. Ito ay nararapat na itinuturing na isa sa mga pinakamahusay na adaptive slider. Ang plugin ay naglalaman ng ilang mga template at magiging kapaki-pakinabang para sa parehong mga baguhan na user at eksperto.
Halimbawa | I-download
Kamangha-manghang Carousel
Kamangha-manghang Carousel - tumutugon na slider ng imahe gamit ang jQuery. Sinusuportahan ang maraming mga sistema ng pamamahala ng nilalaman tulad ng WordPress, Drupal at Joomla. Sinusuportahan din ang Android at IOS at desktop operating system nang walang anumang isyu sa compatibility. Nagbibigay-daan sa iyo ang mga built-in na kamangha-manghang carousel template na gamitin ang slider sa mga vertical, horizontal at circular mode.
Mga halimbawa | I-download
1. jQuery plugin na "Fresco"
Tumutugon ang jquery gallery (nagbabago ng laki kapag nagbago ang resolution ng screen), na ipinapakita sa isang pop-up window na may mga thumbnail at mga caption ng larawan. Gumagana nang tama ang Jquery gallery na “Fresco” sa karamihan ng mga browser kabilang ang: IE6+, Firefox 3+, Chrome 5+, Opera 9+. Ang libreng bersyon ng plugin na ito ay magagamit lamang sa mga di-komersyal na proyekto.
2. "Adaptor" slider
Slider na may iba't ibang transition effect (7 iba't ibang effect, kabilang ang 3D). Proyekto sa Github.
3. Slider plugin na may iba't ibang effect "jQ-Tiles"
Plugin na may iba't ibang transition effect, nako-customize na bilis ng slide, at autoscroll function.
4. jQuery plugin na "Sly"
Plugin para sa pagpapatupad ng vertical at horizontal scroller. Proyekto sa Github.
5. Animated na CSS3 "Makisu" na menu
6. Simpleng slideshow
7. Functional na jQuery slider "iView Slider v2.0"
Slider ng nilalaman/slideshow (ang slide ay maaaring maglaman ng hindi lamang mga larawan, kundi pati na rin ang mga video clip at iba pang nilalamang HTML). Para sa nabigasyon maaari mong gamitin ang: mga thumbnail, Kaliwa/Kanang mga pindutan at gamit ang keyboard. Proyekto sa Github.com.
8. Set ng jQuery plugins "Vanity"
Kasama sa set ang 7 plugin: jSlider, jTabs, jPaginate, jSpotlight, jTip, jPlaceholder at jCollapse. Ang isang hanay ng mga solusyong ito ay tutulong sa iyo na ipatupad ang isang slider, tooltip, tab, mga paglalarawan ng pop-up na imahe, atbp.
9. Mag-hover ng CSS3 effect
10. CSS3 Dropdown Menu
11. iOS slider
Isang slider na idinisenyo upang gumana sa mga mobile device.
12. CSS3 loading indicator
13. CSS3 hover effect
14. "Product Colorizer" jQuery plugin
Ang plugin ay isang madaling solusyon para sa pagtingin ng mga produkto sa iba't ibang mga pagpipilian sa kulay (may kaugnayan, halimbawa, para sa mga online na tindahan ng damit upang payagan ang mga bisita na pumili ng scheme ng kulay ng isang produkto mula sa ilang mga pagpipilian). Para gumana ang plugin, kailangan mo lang ng dalawang larawan para sa bawat produkto (lahat ng mga kulay ay mapapatungan bilang mask). Gumagana ang plugin sa lahat ng pangunahing browser, kabilang ang IE7+ (gagagana rin sa IE6 kung aayusin mo ang PNG transparency display). Proyekto sa GitHub.
15. CSS3 na mga animated na chart
16. Gumawa ng overlay effect kapag nag-click sa isang imahe
Kapag nag-click ka sa isang larawan, dumidilim ito, papunta sa background, at lalabas ang mga item na may mga caption. Sa ganitong paraan maaari kang magbigay ng maikling paglalarawan ng mga elemento na matatagpuan sa larawan.
17. Pag-navigate sa pahina bilang isang drop-down na menu
Isang solusyon para sa pagpapatupad ng maginhawang pag-navigate sa dokumento sa anyo ng isang drop-down na menu. Ang nilalaman ay naayos sa tuktok ng screen at palaging nananatili sa larangan ng view ng tumitingin. Kapag pumili ka ng isang seksyon sa menu, maayos na mag-i-scroll ang pahina sa napiling bahagi ng dokumento.
18. CSS3 gallery na may hover effect
Kapag ini-hover mo ang iyong cursor sa isang larawan, mabilis na nagbabago ang mga larawan. Ang gallery ay ipinatupad sa dalawang bersyon: na may paglalarawan ng mga larawan na lilitaw pagkatapos ilipat ng bisita ang cursor palayo sa gallery at walang paglalarawan.
19. jQuery slider na may Parallax effect
20. CSS3 animation kapag nagho-hover sa mga bloke
21. CSS3 jQuery popup panel
Mag-click sa arrow sa ibaba ng screen sa pahina ng demo upang makita ang mga pop-up na icon.
22. Libreng HTML5 image gallery “Juicebox Lite”
Isang napaka-functional na bagong image gallery para sa site. Ang gallery ay maaaring mayroon o walang mga thumbnail, mayroon o walang paglalarawan ng larawan, ay maaaring palawakin sa full screen o ipakita sa isang pahina na may mga nakapirming dimensyon. Sa pahina ng demo, maaari mong piliin ang view ng gallery na gusto mo. Ang isang libreng bersyon ng gallery ay magagamit para sa pag-download. Kakailanganin mong magbayad para sa mas advanced na pag-andar at alisin ang logo ng developer.
23. Plugin na “JQVMap”
24. CSS3 slider na may Parallax effect
25. jQuery photo gallery na may mga thumbnail
Nagbabago ang tumutugon na gallery, larawan at laki ng thumbnail sa laki ng window ng browser.
26. jQuery content slider plugin “Horinaja”
Ang plugin ay madaling i-install, nako-customize, at cross-browser compatible. Anumang nilalamang HTML, hindi lamang mga larawan, ay maaaring magsilbi bilang isang slide. Maaari kang mag-scroll ng mga slide gamit ang mouse wheel habang ang cursor ay nasa slide area.
27. jQuery slider plugin "Pikachoose"
Sa tatlong mga pagkakaiba-iba: pagpapatupad ng isang simpleng pagbabago ng mga imahe na walang mga paglalarawan at thumbnail; slider na may mga caption ng larawan at mga thumbnail; slider na may mga thumbnail at idinagdag ang pagbubukas ng mas malaking larawan sa isang pop-up window na may epektong FancyBox. Ang pinakabagong bersyon ay palaging makikita sa Github.
28. Ilang custom na CSS styling para sa mga dropdown list
Limang magkakaibang istilo ng listahan ng dropdown na gumagamit ng iba't ibang diskarte sa CSS.
29. Restaurant menu na may animated na 3D na epekto
Kawili-wiling CSS jQuery pagtatanghal ng impormasyon sa pahina. Sa pamamagitan ng pag-click sa link, bubukas ang menu booklet at ang bisita ay makakabasa ng higit pa tungkol sa mga pagkaing ibinigay sa isang pop-up window. Hindi ipinapakita nang tama ang animation sa IE.
30. "Elastislide" na plugin
Pagpapatupad ng isang rubber adaptive carousel (vertical at horizontal image carousel) at image gallery. Ang pagpapaliit sa window ng browser ay binabawasan ang bilang ng mga larawan sa isang tiyak na minimum na halaga at pagkatapos ay nasusukat ang laki ng mga natitirang larawan. Proyekto sa Github.
31. Fresh CSS3 jQuery slider “Slit Slider”
Isang adaptive slider plugin (ang lapad ay maaaring itakda bilang isang porsyento at ito ay awtomatikong i-scale) sa dalawang estilo na may isang kawili-wiling animated na epekto kapag nagbabago ang mga slide (ang slide ay pinutol sa kalahati at gumagalaw sa iba't ibang direksyon, at isang bago ang pumapalit sa lugar nito ). Posible ang pag-navigate gamit ang keyboard. Ang pinakabagong bersyon ay palaging nasa Github.
32. Bagong bersyon ng 3D image slider na “Slicebox”
Isang bagong bersyon na may mga pagbabagong ginawa at idinagdag ang mga bagong tampok: ngayon ang 3D slider ay naging scalable, makikita mo ito kapag binawasan mo ang window ng browser; nagdagdag ng suporta sa Firefox; Magagamit mo na ang HTML na nilalaman sa paglalarawan ng slide (dati ang paglalarawan ay nakuha mula sa katangian ng link nang walang kakayahang gumamit ng mga HTML na tag sa loob nito). Sa pahina ng demo maaari kang makakita ng 4 na opsyon para sa paggamit ng plugin. Ang pinakabagong bersyon ay nabubuhay sa Github.com.
Ang epekto ay halos kapareho sa Flash gallery 3D CU3ER (demo, download), tanging ang 3D slider na ito ay ginawa hindi gamit ang mga teknolohiya ng flash, ngunit gamit ang javascript.
33. jQuery plugin na "PFold"
Pang-eksperimentong solusyon. Ang plugin ay nagpapatupad ng 3D effect na ginagaya ang paglalahad ng isang tala. Iba't ibang mga pagpipilian sa disenyo: na may tatlong spread, na may dalawang spread at isang spread na may kasunod na pagsentro ng nakabukang tala.
34. jQuery plugin "Mahangin"
Plugin para sa pag-navigate sa nilalaman, gaya ng mga larawan. Kapag nag-scroll ka sa mga larawan, lumilipad ang mga ito sa iba't ibang direksyon (ang epekto ay medyo nakapagpapaalaala sa pagharap ng mga card sa card game poker). Upang mag-navigate, maaari mong gamitin ang kaliwa/kanang mga pindutan o ang slider (tingnan ang iba't ibang mga opsyon sa pahina ng demo). Naka-on ang proyekto