WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

jQuery Responsive OneByOne Slider Plugin

— Add-On til WorldWideScripts.net

Abonner på vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Den OneByOne Slider er en let, lydhør og lagdelte jQuery plugin, du kan bruge til at vise dit billede og tekst én efter én. Den CSS3 animation er drevet af Animate.css. Ita € ™ s mobile venlige, hvilket understøtter tørre venstre / højre på din touch-enhed som iPhone og iPad. Du kan trække og slippe for at navigere med musen også. Den seneste opdatering tilføje en ekstra eksempel, som gør Twitter Bootstrap Carousel støtte én efter én animation.

følge rss

Nu ita € ™ s fås i WordPress (klik på billedet herunder)

wordpress plugin

Skift brænde (venligst igen downloade det, hvis du køber det før)

(opdatering 15 maj 2013)
  • Opdatering til jQuery 1.9.1, og bruge Modernizr at detektere overgangen CSS3 støtte. Du kan re-downloade kilden pakke, hvis ønsker at bruge den med jQuery 1.9.1.
(opdatere 14 November 2012)
  • Integrer med Bootstrap Carousel. Du kan bruge det på din favorit rammer nu.
  • Tilføj autoHideButton mulighed, sat til falsk at gøre pilene altid være synlige.
  • Opdatér hjælp dokumentation.
(opdatering 14 September 2012)
  • Tilføj lydhør eksempel.
  • Tilføj fade overgang i IE9-, der doesnâ € ™ t understøtte CSS3 overgang.
  • Nu kan du tilpasse hver slideâ € ™ s animation, selv hvert element i slideâ € ™ s animation.
  • Tilføj hover at holde pause mulighed for diasshowet.
  • Tilføjet â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, â € ~lightSpeedInâ € ™ animation.
  • Fix bugs: link canâ € ™ t klikkes i iOS.
  • Opdater til jQuery 1.8.1.

Køb den udvidet licens?

Jeg sætter pris på, hvis du kan sætte dette Itema € ™ s linket i din Itema € ™ s beskrivelse. Anfør kun minified udgave af js fil på dit tema, og en udvidet licens kan kun bruge om et tema.

Funktioner:

  • CSS3 drevet animation, hardware accelereret CSS3 overgange for støttet moderne browser.
  • Responsive støtte, f.eks inkluderet.
  • Mobil venlig, kan du bruge det i et touch enhed.
  • Itâ € ™ s let, den komprimerede javascript er kun 4 kb.
  • Valgfri auto forsinkelse slideshow, valgfri hove at holde pause i diasshowet.
  • Hvert dias eller elementa € ™ s animation kan tilpasses.
  • Valgfri træk funktion af musen.
  • Valgfri animation stil, kan være i vilkårlig eller enhver anden form.
  • Valgfri pil og knapper.
  • FAQ er inkluderet i kilden pakken.
  • Gratis opdatering, kan du hente den fremtidige opdatering gratis.

Om CSS3 overgang

Bemærk: CSS3 overgang fungerer kun i den moderne browser som Firefox, Safar og Chrome. Hvilket doesnâ € ™ t arbejde i IE7, 8 & 9, ser det ud til IE 10 vil støtte det.

For jQuery 1.8.0 bruger

Det synes der er en fejl med jQuery 1.8.0, skal du downloade den Ukomprimeret version af jQuery og kommentar linie 4521, så dette plugin vil fungere fint.
 // Kaste nyt Error ("Syntaks fejl, ukendt udtryk:" + msg); 

Tilgængelige plugin indstillinger

 // Indpakningen navn className: »OneByOne ', // Wrapper div klasse navnet på hver skyder sliderClassName: 'oneByOne_item', // Pause den automatiske forsinkelse slideshow, når brugeren hover pauseByHover: sandt, // Den globale lethed animation stil, // Kraft, hvis du ikke på forhånd definerede det i elementet easeType: »fadeInLeft ', // Bredde skyderen bredde: 960, // Højden af ​​skyderen Højde: 420, // Forsinkelsen af ​​touch / trække tween forsinkelse: 300, // Tolerancen af ​​touch / træk tolerance: 0,25, // Aktivere eller deaktivere drag funktion ved mus enableDrag: sandt, // Vist forrige / næste pil eller ej showArrow: sandt, // Auto skjule pilene, når brugeren forlader skyderen eller ej autoHideButton: sandt, // Vise cirkel knapper eller ej showButton: sandt, // Auto spille skyderen eller ej diasshow: falsk, // Forsinkelsen millisekund af slidershow slideShowDelay: 3000, // Sæt lydhøre over for sandt, når du vil ændre // Skyderen størrelse med medierne forespørgslen i CSS lydhør: true // Når skyderen er mindre end MinWidth, // Teksten er være skjult i lydhør MinWidth: 480 

Tilgængelig easeType

â € ~fadeInâ € ™, â € ~fadeInUpâ € ™, â € ~fadeInDownâ € ™, â € ~fadeInLeftâ € ™, â € ~fadeInRightâ € ™, â € ~fadeInRightâ € ™, â € ~bounceInâ € ™ â € ~bounceInDownâ € ™, â € ~bounceInUpâ € ™, â € ~bounceInLeftâ € ™, â € ~bounceInRightâ € ™, â € ~rotateInâ € ™, â € ~rotateInDownLeftâ € ™, â € ~rotateInDownRightâ € ™, â € ~rotateInUpLeftâ € ™, â € ~rotateInUpRightâ € ™, â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~ flipInYâ € ™, â € ~lightSpeedInâ € ™ eller â € ~randomâ € ™

Kredit

Animate.css er fra Dan Eden.
Baggrundsbilledet i bootstrap eksempel er fra photos8.

Anbefalinger til dig

XML Billede / Video Grid Galleri:
grid galleri
Den AS3 Flash Fotography Skabelon:
fotografering

Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
24 okt 11

Sidste ændring:
17 august 13

Kompatible Browsere:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Filer Inkluderet:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Søgeord

eCommerce, eCommerce, Alle emner, animation, auto forsinkelse, banner rotator, CSS3, træ, k, iOS, jquery, mobil, en efter en, lydhø, r, rotator, skyderen, slideshow, rø, re, tø, rre