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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

OneByOne Slider on kevyt, reagoiva ja kerroksellinen jQuery plugin avulla voit näyttää kuvan ja tekstin yksitellen. CSS3 animaatio ohjaa Animate.css. Ita € ™ s mobiiliystävällistä, jotka tukevat pyyhi vasen / aivan touch laite kuin iPhone & iPad. Voit vetää ja pudottaa navigoida hiirellä liikaa. Uusin päivitys lisätä ylimääräinen Esimerkiksi jotka tekevät Twitter Bootstrap Carousel tukea yksitellen animaatio.

seurata RSS

Nyt ita € ™ s käytettävissä WordPress (klikkaa kuvaa alla)

Wordpress Plugin

Vaihda lokit (ota uudelleen ladata sen jos ostat sitä ennen)

(Päivitetty 15 toukokuu 2013)
  • Päivittää jQuery 1.9.1, ja käyttää Modernizr havaita CSS3 siirtyminen tukea. Voit ladata uudelleen lähdepakettien jos haluat käyttää sitä jQuery 1.9.1.
(Päivittää 14 marraskuu 2012)
  • Integrointi Bootstrap Carousel. Voit käyttää sitä suosikki puitteista nyt.
  • Lisää autoHideButton vaihtoehto, asettaa false tehdä nuolia aina näkyvissä.
  • Päivitä ohjedokumentaatio.
(Päivitetty 14 syyskuu 2012)
  • Lisää reagoiva esimerkki.
  • Lisää fade siirtyminen IE9-, jossa doesnâ € ™ t tukevat CSS3 siirtymistä.
  • Nyt voit muokata kunkin slideâ € ™ s animaatio, jopa jokaisen elementin slideâ € ™ s animaatio.
  • Lisää hover keskeyttää mahdollisuus diaesityksen.
  • Lisätty € ~fadeInLeftBigâ € ™ â € ~fadeInRightBigâ € ™ â € ~fadeInUpBigâ € ™ â € ~fadeInDownBigâ € ™ â € ~flipInXâ € ™ â € ~flipInYâ € ™ â € ~lightSpeedInâ € ™ animaatio.
  • Korjaa bugeja: linkki Cana € ™ t napsauttaa iOS.
  • Päivitä jQuery 1.8.1.

Osto laajennettu lisenssi?

Olen kiitollinen, jos voit laittaa tämän Itema € ™ s linkkiä Itema € ™ s kuvaus. Anna vain Minified version js tiedosto teema, ja yksi laajennettu lisenssi voidaan käyttää teema vain.

Ominaisuudet:

  • CSS3 ajettu animaatio, laitekiihdytetty CSS3 siirtymiä tuettu moderni selain.
  • Responsive tukea, esimerkiksi mukana.
  • Mobiiliystävällistä, voit käyttää sitä yhteyttä laitteeseen.
  • Ita € ™ s kevyt, pakattu javascript on vain 4KB.
  • Valinnainen automaattinen viive diaesitys, valinnainen Hove diaesitys keskeytetään.
  • Jokainen dia tai Elementa € ™ s animaatio voidaan räätälöidä.
  • Valinnainen vetofunktiolla hiiren.
  • Valinnainen animaatio tyyli, voi olla satunnaisia ​​tai mikä tahansa muu.
  • Valinnainen nuoli ja painikkeet.
  • UKK sisältyy source.
  • Ilmainen päivitys, voit ladata tulevaisuudessa päivityksen maksutta.

Tietoja CSS3 siirtyminen

Huomautus: CSS3 siirtyminen toimii vain modernin selaimen kuten Firefox, Safar ja Chrome. Joka doesnâ € ™ t työtä IE7, 8 ja 9, se näyttää IE 10 tukee sitä.

JQuery 1.8.0 käyttäjä

Näyttää siltä, ​​on bugi kanssa jQuery 1.8.0, lataa Pakkaamaton version jQuery ja kommenttirivin 4521, niin tämä plugin toimii hyvin.
 // Heittää uusi Error ("Syntaksivirhe, tunnistamaton ilmaisu:" + msg); 

Käytettävissä plugin asetukset

 // Kääre nimi classname: "oneByOne", // Kääre div luokassa nimi kunkin liukusäädintä sliderClassName: "oneByOne_item", // Keskeyttää automaattisen viive diaesityksen kun käyttäjä hääriä pauseByHover: totta, // Globaali helppous animaation tyyliä, // Tule voimaan, jos et etukäteen määritellyt sen elementin easeType: "fadeInLeft", // Leveys liukusäädintä leveys: 960, // Korkeus liukusäädintä korkeus: 420, // Viive touch / vedä tween viive: 300, // Toleranssi touch / vedä toleranssi: 0,25, // Käyttöön tai poistaa vetofunktiolla hiirellä enableDrag: totta, // Näyttää edellisen / seuraavan nuolta tai ei showArrow: totta, // Auto piilottaa nuolia, kun käyttäjä jättää liukusäädintä tai ei autoHideButton: totta, // Näyttää ympyrä painikkeet vai ei showButton: totta, // Auto pelata liukusäädintä tai ei SlideShow: väärä, // Viive millisekunnin slidershow slideShowDelay: 3000, // Set reagoivat totta, kun voit muuttaa // Liukusäädintä koon tiedotusvälineiden kanssa kyselyn CSS reagoiva: totta // Kun liukusäädintä on pienempi kuin minWidth, // Teksti on piilossa reagoiva minWidth: 480 

Käytettävissä easeType

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

Luotto

Animate.css on peräisin Dan Eden.
Taustakuvan bootstrap esimerkki on photos8.

Suositukset For You

XML Kuva / Video Grid Galleria:
grid galleria
AS3 Flash Fotography Malline:
valokuvaus

Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
24 lokakuu 11

Viimeisin päivitys:
17 elokuu 13

Yhteensopiva Selaimet:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Tiedostoja mukana:
JavaScript JS, HTML, CSS

Ohjelmistoversio:
jQuery

Avainsanoja

eCommerce, eCommerce, Kaikki tuotteet, animaatio, auto viive, banneri pyö, rittä, jä, CSS3, vetä, ä, Ios, jQuery, liikkuva, yksi kerrallaan, herkkä, pyö, rittä, jä, liukusä, ä, dintä, diaesitys, koskettaa, pyyhkiä