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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

OneByOne Slider este un ușor, receptiv si stratificat jQuery plugin puteți utiliza pentru a afișa imagini și text-o pe cea de unul. Animația CSS3 este condusă de Animate.css. Ita € ™ s prietenos mobil, care susține ștergeți stânga / dreapta pe dispozitiv contacta ca iPhone și iPad. Aveți posibilitatea să glisați și să fixați pentru a naviga cu mouse-ul prea. Cea mai recentă actualizare a adăuga un exemplu suplimentar, ceea ce face Twitter Bootstrap Carousel sprijine unul câte unul de animație.

urma RSS

Acum itâ € ™ s disponibil în WordPress (click imaginea de mai jos)

plugin wordpress

Schimba busteni (vă rugăm să re-descărcați-l dacă îl achiziționați înainte)

(15 update mai 2013)
  • Actualizați la jQuery 1.9.1, și de a folosi pentru a detecta Modernizr sprijinul CSS3 tranziție. Puteți re-descărca pachetul sursă, dacă doriți să-l utilizați cu jQuery 1.9.1.
(actualizat 14 nov 2012)
  • Integrarea cu Bootstrap Carousel. Puteți să-l utilizați pe cadru dumneavoastră preferat acum.
  • Adaugă opțiunea autoHideButton, setat la fals pentru a face săgețile fi mereu vizibil.
  • Actualizați documentația de ajutor.
(actualizare 14/09/2012)
  • Adaugă exemplu receptiv.
  • Adaugă tranziție decolorare în IE9-, care doesnâ € ™ t sprijini tranziția CSS3.
  • Acum puteți personaliza fiecare slideâ animație € ™ s, chiar fiecare element în animație slideâ € ™ s.
  • Adauga hover pentru a întrerupe opțiune de slideshow.
  • Adaugata â € ~fadeInLeftBigâ € ™, â € ™ ~fadeInRightBigâ €, â € ™ ~fadeInUpBigâ €, â € ™ ~fadeInDownBigâ €, â € ™ ~flipInXâ €, â € ™ ~flipInYâ €, o animație € ~lightSpeedInâ € ™.
  • Fix bug-uri: link canâ € ™ t fi făcut clic în iOS.
  • Actualizați la jQuery 1.8.1.

Achiziționa licența extins?

Am aprecia dacă ați putea pune această Itema link € ™ s în descrierea ta Itema € ™ s. Vă rugăm să furnizați numai versiunea minified de fișier JS pe tema ta, și o licență poate fi extinsă cu ajutorul numai pe o temă.

Caracteristici:

  • CSS3 animație condus, hardware accelerat tranziții CSS3 pentru browser modern susținut.
  • Suport receptiv, de exemplu incluse.
  • Mobil prietenos, îl puteți folosi într-un dispozitiv contact.
  • Ita € ™ s ușor, JavaScript comprimat este de numai 4KB.
  • Opțional slideshow întârziere auto, Hove opțional pentru a întrerupe prezentarea.
  • Fiecare diapozitiv sau animație Elementa € ™ s poate fi personalizat.
  • Funcție opțională de trageți mouse-ului.
  • Stil de animație Opțional, pot fi în mod aleatoriu sau orice alt tip de.
  • Săgeată și butoanele opțional.
  • FAQ este inclus în pachetul sursă.
  • Update gratuit, puteți descărca viitorul update gratuit.

Despre trecerea CSS3

Notă: Tranziția CSS3 funcționează numai în browser-ul modern, cum ar fi Firefox, Safar și Chrome. Care doesnâ T muncă € ™ în IE7, 8 și 9, se pare că IE 10 va sprijini.

Pentru jQuery utilizator 1.8.0

Se pare că există un bug cu jQuery 1.8.0, vă rugăm să descărcați versiunea Necomprimată de jQuery și comentarii linia 4521, atunci acest plugin va funcționa bine.
 // Arunca nou Error ("Eroare de sintaxă, expresie nerecunoscut:" + msg); 

Setările disponibile plugin

 // Numele înveliș de className: "OneByOne", // Numele clasei div înveliș de fiecare slider sliderClassName: "oneByOne_item", // Pauză prezentarea întârziere auto atunci când hover utilizator pauseByHover: adevărat, // Ușurința stilul de animație la nivel mondial, // Avea efect dacă nu-l pre-definit în elementul easeType: "fadeInLeft", // Lățimea cursorului lățime: 960, // Înălțimea cursorului înălțime: 420, // Întârzierea touch / trageți Tween întârziere: 300, // Toleranța touch / trageți toleranță: 0.25, // A activa sau dezactiva funcția trageți cu mouse-ul enableDrag: adevărat, // Afișa / următoare săgeata anterior sau nu showArrow: adevărat, // Auto ascunde săgețile când utilizatorul Lasă cursorul sau nu autoHideButton: adevărat, // Afișa butoanele cerc sau nu showButton: adevărat, // Auto Play cursorul sau nu SlideShow: false, // Milisecundă de întârziere a slidershow slideShowDelay: 3000, // Set receptiv la adevărat, atunci veți schimba // Dimensiunea slider cu interogarea media în CSS receptiv: true // Când cursorul este mai mică decât minWidth, // Textul sunt fie ascunse în receptiv minWidth: 480 

EaseType disponibile

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

Credit

Animate.css este de la Dan Eden.
Imaginea de fundal în exemplul bootstrap este de la photos8.

Recomandări pentru tine

XML Image / Video Grid Galerie:
Galerie grilă
Șablonul AS3 Flash Fotography:
fotografie

Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creat:
24.10.11

Ultima actualizare:
17 august 13

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

Fișiere incluse:
JavaScript JS, HTML, CSS

Versiune software:
jQuery

Cuvinte cheie

eCommerce, eCommerce, Toate obiectele, animaţie, î, ntâ, rziere auto, Banner rotator, CSS3, trage, ios, jquery, mobil, unul câ, te unul, sensibil, rotator, cursor, slideshow, atingere, şterge