Top 17 jQuery-plugins til oprettelse af et lysbilledshow på få minutter

jQuery er et let JavaScript-bibliotek. For eksempel kan du udføre den samme opgave med en enkelt linje i stedet for mange linjer. Desuden kan jQuery forenkle ikke kun JavaScript-koder, men også AJAX-opkald og DOM-manipulation. For at være mere specifik kan du få det dobbelte af resultatet med halvdelen af ​​indsatsen, mens du bruger JavaScript på dit websted.

jQuery-plugins

Således introducerer denne artikel 17 populære jQuery lysbilledshow plugins. Nå, at tilføje et lysbilledshow er ikke mere besvær. Hver JavaScript-diasshowkode har sin egen unikke funktion. Du kan læse og få dit yndlings jQuery-plugin her.

Del 1: Top 17 jQuery Slideshow-plugins

Dette er hot plugins til JavaScript og jQuery slideshow. Vær opmærksom på, at for mange jQuery-koder kan sænke sideindlæssningshastigheden. Så at bruge et jQuery-skyderen plugin per side er et godt valg for dig.

Top 1: DiasJS

Hjemmeside: http://slidesjs.com/

jQuery SlidesJS tilbyder touch- og CSS3-overgange. Du kan oprette et lydhør lysbilledshow, der let tilpasser sig til enhver skærm. Således fungerer dit websted ordentligt på både computeren og smartphone.

DiasJS

Top 2: Skitter

Hjemmeside: https://skitter-slider.net/

Skitter er udstyret med forskellige animationer og indstillinger, en responsiv gratis jQuery-skyderen plugin. For eksempel kan du bruge punkter, pile eller tal som navigation.

Skitter

Top 3: jQuery-cyklus

Hjemmeside: http://jquery.malsup.com/cykel/

Dette er et jQuery-slideshow-plugin, der understøtter mange slags overgangseffekter. Du kan indstille pause-på-hover, auto-fit, auto-stop og lignende. Ligesom navnet viser, kan du opnå "cyklus" -effekten let.

jQuery-cyklus

Top 4: Nivo Slider

Hjemmeside: https://themeisle.com/plugins/nivo-slider/

Fra jQuery Nivo-skyderen kan du få 16 overgangseffekter samt tastaturnavigation og indstillinger, der kan tilpasses. Desuden fungerer denne jQuery-skyderen plugin også på WordPress. Hvis du vil, kan du også lav et Tumblr-lysbilledshow i WordPress også.

Nivo skyderen

Top 5: jQuery Popeye

Hjemmeside: http://www.jquerycode.com/lightboxes/popeye/

jQuery Popeye giver brugerne mulighed for at vise forskellige billeder uden at forlade den almindelige sidestrøm. Derfor kan du spare plads ved at bruge dette inline lightbox-alternativ.

jQuery Popeye

Top 6: Galleria

Hjemmeside: https://galleria.io/

Galleria er et klassisk jQuery-tema udgivet under MIT-licensen. Du kan godt oprette fotogallerier til både web- og mobilenheder let. Desuden kan du også opgradere til premium-versionen for at få flere temaer.

galleri

Top 7: Galleri med enkle kontroller

Hjemmeside: http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm

Det er klart, at du kan køre Simple Controls Gallery for at vise billeder som et slideshow. Dette jQuery-plugin giver brugerne mulighed for at kontrollere slideshow manuelt eller automatisk.

Simple Controls Gallery

Top 8: SlideViewer

Hjemmeside: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html

Du kan skrive et par HTML-linjer for at oprette et billedgalleri med en uordnet liste over billeder. Derfor kan du gennemse galleriet fremad eller tilbage ved at klikke hurtigt.

SlideViewer

Top 9: Coin glider

Hjemmeside: http://workshop.rs/projects/coin-slider/

Coin Slider er et let jQuery-diasshow-plugin, der er kompatibelt med Android og iPhone. Du kan også få unikke overgangseffekter og gyldige makeupfunktioner her.

Møntslider

Top 10: Overdimensioneret

Hjemmeside: https://extensions.typo3.org/extension/frsupersized/

jQuery Supersized plugin giver brugerne mulighed for at oprette et lysbilledshow med fotografier på fuld skærm. Du kan også lave et baggrundsbanner eller et slideshow til et banner. Så hvis du stoler på store mængder billeder, kan du køre denne jQuery-billedskydekode.

supersized

Top 11: bane

Hjemmeside: https://zurb.com/playground/orbit-jquery-image-slider

Orbit er et let jQuery-diasshow-plugin udviklet fra Zurb. Du kan få fulde HTML-billedtekster med parametre. For eksempel kan du tilføje en rækkevidde med tilpasselig klasse og ID.

Orbit

Top 12: FSVS

Hjemmeside: https://github.com/lukesnowden/FSVS

FSVS er forkortelsen for Full Screen Vertical Slider. Dette jQuery-plugin bruger CSS-overgange. Du kan nyde musehjul, piletaster, berøringsbevægelser og andre funktioner.

FSVS

Top 13: Skippr

Hjemmeside: http://austenpayan.github.io/skippr/

Opsætningen af ​​Skippr er ganske let. Du skal bare lægge jquery.skippr.css i hovedmærket. Indsæt derefter skippr.js før den lukkende kropskode. Senere kan du specificere den type overgang, du har brug for frit.

Skippr

Top 14: ItemSlide.js

Hjemmeside: http://itemslide.github.io/

Du kan bruge denne jQuery-karrusel til at opnå berøringsswipning og musehjulets rullefunktioner. Det understøttes at gennemse poster i diasshows her. Som et resultat vil det være meget lettere end før at oprette en automatisk slideshow-HTML.

ItemSlide.js

Top 15: Flexisel

Hjemmeside: http://9bitstudios.github.io/flexisel/

Flexisel Responsive Carousel jQuery-plugin blev frigivet samme år med jQuery. Sammenlignes med andre billedkaruseller, det har en lang historie. Når du tilpasser dette jQuery-plugin, ændres størrelsen på din side for automatisk at opfylde vindueslængden. Så Flexisel er en populær jQuery-karruselskyder til mobile enheder og tablet-enheder.

Flexisel

Top 16: FilmRoll

Hjemmeside: http://straydogstudio.github.io/film_roll/

FilmRoll kan centrere det valgte element på siden smart. Hvis det valgte billede er mindre end beholderen, roterer det ikke eller foretager ekstra ændringer. Desuden understøttes svejsebevægelse og eksterne knapper også her.

Filmrulle

Top 17: Bogblok

Hjemmeside: https://tympanus.net/codrops/2012/09/03/bookblock-a-content-flip-plugin/

Gennem BookBlock kan du oprette pjece-lignende komponenter med brugerdefineret indhold. Faktisk kan alle billeder eller tekster, du indsatte, transformeres med en side-flip-navigation.

Bogblok

Hvad hvis du vil have din WordPress til at være mere attraktiv? Du kan tjekke indlægget for at vide mere om WordPress-diasshow-plugins.

Del 2: Bedste jQuery Slideshow-alternativ til begyndere

Hvis du vil oprette en video / musik / foto slideshow, er det ikke nødvendigt at bruge JavaScript jQuery slideshow plugins. Du kan tage til Aiseesoft Slideshow Creator for også at få brugervenlige og kraftfulde funktioner. Inden for 3 trin kan du nemt oprette en fabelagtig lysbilledshow.

slideshow

Her er videoen om at lave lysbilledshows til dig. Klik på det for at kontrollere.

Slideshow Creator - Bedste video- og fotodiasmaker-software 2020! play-knap

Desuden kan du udsende din oprettede slideshow-fil til ethvert format, du har brug for. Videoopløsningen kan justeres op til 1080 HD. Det understøttes også, hvis du vil afspille slideshow-videoen på iPhone X og andre bærbare enheder. Alt i alt kan både begyndere og fagfolk drage fordel af ovennævnte jQuery-slideshow-bibliotek her.

Hvad synes du om dette indlæg?

Fantastike

Rating: 4.8 / 5 (baseret på 291 stemmer)

forfatterbillede

15. december 2020 15:07 / Opdateret af til Videoredigering

Disqus-ikonEfterlad din kommentar og deltag i vores diskussion