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å vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Den OneByOne Slider er en lett, responsiv og lagdelt jQuery plugin du kan bruke for å vise bildet og teksten én etter én. CSS3 animasjonen er drevet av Animate.css. Ita € ™ s mobile vennlig, som støtter tørke venstre / høyre på touch-enhet som iPhone og iPad. Du kan dra og slippe å navigere med musen også. Den nyeste oppdateringen legge til en ekstra eksempel, som gjør Twitter Bootstrap Carousel støtte en etter en animasjon.

Følg rss

Nå ita € ™ s tilgjengelig i WordPress (klikk på bildet under)

wordpress plugin

Endre logger (vennligst re-laste den ned hvis du kjøper det før)

(oppdatering 15 mai 2013)
  • Oppdater til jQuery 1.9.1, og bruke Modernizr å oppdage CSS3 overgangen støtte. Du kan re-laste ned kilde pakken hvis ønsker å bruke den med jQuery 1.9.1.
(oppdateres 14 november 2012)
  • Integreres med Bootstrap Carousel. Du kan bruke den på din favoritt rammer nå.
  • Legg autoHideButton alternativet, satt til false for å gjøre pilene alltid være synlig.
  • Oppdatere dokumentasjon.
(oppdatering 14 september 2012)
  • Legg responsive eksempel.
  • Legg fade overgang i IE9-, som ikke? € ™ t støtter CSS3 overgangen.
  • Nå kan du tilpasse hver slideâ € ™ s animasjon, selv hvert element i slideâ € ™ s animasjon.
  • Legg hover for å stanse muligheten til lysbildefremvisningen.
  • Lagt â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, â € ~lightSpeedInâ € ™ animasjon.
  • Fikse bugs: link canâ € ™ t klikkes i iOS.
  • Oppdater til jQuery 1.8.1.

Kjøpe utvidet lisens?

Jeg setter pris på om du kan sette dette ITEMA € ™ s koblingen i ITEMA € ™ s beskrivelse. Vennligst oppgi kun den minified versjonen av js fil på tema, og en utvidet lisens kan bruke på et tema bare.

spesifikasjoner:

  • CSS3 drevet animasjon, maskinvareakselerert CSS3 overganger for støttet moderne nettleser.
  • Responsive støtte, inkludert eksempel.
  • Mobile vennlig, kan du bruke den i en touch-enhet.
  • Ita € ™ s lett, er den komprimerte javascript bare 4KB.
  • Valgfri auto forsinkelse lysbildeserie, valgfri hove å pause fremvisningen.
  • Hver side eller Elementa € ™ s animasjon kan tilpasses.
  • Valgfri drag funksjon av musen.
  • Valgfritt animasjon stil, kan være i tilfeldig eller annen type.
  • Valgfri pil og knapper.
  • FAQ er inkludert i kilden pakken.
  • Gratis oppdatering, kan du laste den fremtidige oppdateringen gratis.

Om CSS3 overgang

Merk: CSS3 overgangen fungerer bare i moderne nettleser som Firefox, Safar og Chrome. Som ikke? € ™ t arbeid i IE7, 8 og 9, synes det IE 10 vil støtte den.

For jQuery 1.8.0 bruker

Det virker som om det er en feil med jQuery 1.8.0, kan du laste ned Ukomprimert versjon av jQuery og kommentarlinje 4521, så dette programtillegget vil fungere fint.
 // Kaste nytt Feil ("Syntax error, ukjente uttrykk:" + msg); 

Tilgjengelige plugin innstillinger

 // Wrapper navn classname: 'oneByOne', // Wrapper div klasse navnet på hver slider sliderClassName: 'oneByOne_item', // Pause auto forsinkelse lysbilde når brukeren hover pauseByHover: true, // Den globale letthet animasjonsstil, // Virkning hvis du ikke pre-definerte det i elementet easeType: 'fadeInLeft', // Bredden på glideren width: 960, // Høyden på glideren høyde: 420, // Forsinkelsen av touch / drag tween forsinkelse: 300, // Toleranse av touch / drag toleranse: 0,25, // Aktivere eller deaktivere dra funksjon ved muse enableDrag: true, // Vise forrige / neste pil eller ikke showArrow: true, // Auto skjule pilene når brukeren forlater glideren eller ikke autoHideButton: true, // Vise sirkel knapper eller ikke showButton: true, // Auto spille glideren eller ikke Bildeserie: falsk, // Forsinkelsen millisekund av slidershow slideShowDelay: 3000, // Satt lydhør overfor sant, når du vil endre // Slider størrelse med media spørring i CSS responsive: true // Når glideren er mindre enn minWidth, // Teksten er skjult i responsive minWidth: 480 

Tilgjengelig 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â € ™

Kreditt

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

Anbefalinger for deg

XML Bilde / Video Grid Gallery:
grid galleriet
AS3 Flash Fotography Mal:
fotografering

Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
24 oktober 11

Siste oppdatering:
17 august 13

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

Filer Inkludert:
Javascript JS, HTML, CSS

Programvareversjon:
jQuery

Søkeord

eCommerce, eCommerce, Alle artikler, animasjon, auto forsinkelse, banner rotator, CSS3, dra, ios, jquery, mobil, en etter en, mottakelig, rotator, slider, slideshow, rø, re, tø, rke