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 till WorldWideScripts.net

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Den OneByOne Slider är en lätt, lyhörd och lager jQuery plugin du kan använda för att visa din bild och text en efter en. CSS3 animation drivs av Animate.css. Itâ € ™ s mobila vänliga, som stöder torka vänster / höger på din beröring enhet som iPhone & iPad. Du kan dra och släppa för att navigera med musen också. Den senaste uppdateringen lägga till en extra exempel, som gör Twitter Bootstrap Carousel stödja en efter en animation.

Följ rss

Nu itâ € ™ s finns i Wordpress (klicka på bild nedan)

wordpress plugin

Ändra loggar (vänligen på nytt ladda ner den om du köper det tidigare)

(update 15 maj 2013)
  • Uppdatera till jQuery 1.9.1 och använd Modernizr att upptäcka stöd CSS3 övergången. Du kan åter hämta källkodspaketet om vill använda den med jQuery 1.9.1.
(uppdatera 14 nov 2012)
  • Integrera med Bootstrap karusell. Du kan använda den på din favorit ram nu.
  • Lägg autoHideButton alternativet inställt på false för att göra pilarna alltid vara synlig.
  • Uppdatera hjälpdokumentation.
(uppdatering 14 september, 2012)
  • Lägg reagerar exempel.
  • Lägg fade övergång i IE9- som doesnâ € ™ t stödja CSS3 övergången.
  • Nu kan du anpassa varje slideâ € ™ s animation, även varje element i slideâ € ™ s animation.
  • Lägg sväva att pausa alternativ på bildspelet.
  • Inkom â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, â € ~lightSpeedInâ € ™ animation.
  • Fix buggar: link canâ € ™ t klickas i iOS.
  • Uppdatera till jQuery 1.8.1.

Köp den förlängda licensen?

Jag uppskattar om du kan sätta detta Itema € ™ s länken i din Itema € ™ s beskrivning. Ange bara den minified versionen av js fil på ditt tema, och en utökad licens kan endast använder på ett tema.

Funktioner:

  • CSS3 driven animation, hårdvaruaccelererad CSS3 övergångar för stöd modern webbläsare.
  • Responsive stöd, exempelvis ingår.
  • Mobil vänliga, kan du använda den i en touch enhet.
  • Itâ € ™ s lätt, är den komprimerade javascript endast 4 kb.
  • Valfri automatisk fördröjnings bildspel, valfri hove att pausa bildspelet.
  • Varje bild eller Elementa € ™ s animation kan anpassas.
  • Valfritt dragfunktionen av mus.
  • Valfritt animation stil, kan vara i slumpmässig eller någon annan typ.
  • Valfri pil och knappar.
  • FAQ ingår i källkodspaketet.
  • Gratis uppdatering, kan du hämta den framtida uppdatering för gratis.

Om CSS3 övergången

Obs! CSS3 övergången fungerar bara i modern webbläsare som Firefox, Safar och Chrome. Som doesnâ € ™ t arbete i IE7, 8 & 9, verkar det IE 10 kommer att stödja det.

För jQuery 1.8.0 användare

Det verkar som det finns en bugg med jQuery 1.8.0, ladda ner den okomprimerade versionen av jQuery och kommentera linje 4521, då denna plugin kommer att fungera bra.
 // Kasta nytt fel ("Syntax error, okända uttryck:" + msg); 

Tillgängliga plugin inställningar

 // Omslaget namn classname: "oneByOne ', // Omslaget div klass namnet på varje reglage sliderClassName: 'oneByOne_item', // Pausa autofördröjnings bildspel när användaren hover pauseByHover: true, // Den globala lätthet animation stil, // Träda i kraft om du inte på förhand definierat det i elementet easeType: 'fadeInLeft', // Bredd av löparen bredd: 960, // Höjd av löparen höjd: 420, // Fördröjningen av beröring / dra tween försening: 300, // Tolerans touch / drag tolerans: 0,25, // Aktivera eller inaktivera dra funktionen med musen enableDrag: true, // Visa föregående / nästa pil eller inte showArrow: true, // Auto dölja pilarna när användaren lämnar reglaget eller inte autoHideButton: true, // Visa cirkel knappar eller inte showButton: true, // Auto spela reglaget eller inte BILDSPEL: falskt, // Fördröjnings millisekund av slidershow slideShowDelay: 3000, // Inställd svarar på true när du ändrar // Reglaget storlek med media frågan i CSS reagerar: sant // När reglaget är mindre än minWidth, // Texten är döljas i lyhörd minWidth: 480 

Tillgänglig 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â € ™

Kreditera

Animate.css är från Dan Eden.
Bakgrundsbilden i bootstrap exemplet är från photos8.

Rekommendationer för dig

XML Bild / Video Grid Gallery:
galler galleri
AS3 Flash Fotografi Mall:
fotografi

Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
24 okt 11

Senaste uppdateringen:
17 aug 13

Kompatibla webbläsare:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Filer Ingår:
JavaScript JS, HTML, CSS

Programvaruversion:
jQuery

Nyckelord

e-handel, e-handel, Alla artiklar, animation, automatisk fö, rdrö, jning, banner rotator, CSS3, dra, ios, jQuery, mobil, en och en, kä, nslig, rotator, lö, paren, bildspel, rö, ra, torka