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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Il OneByOne Slider è un peso leggero, reattivo e stratificata plugin per jQuery è possibile utilizzare per visualizzare l'immagine e il testo ad uno ad uno. L'animazione CSS3 è guidato da Animate.css. Eâ € ™ s mobile friendly, che supportano pulire sinistro / destro sul dispositivo touch come iPhone e iPad. È possibile trascinare e rilasciare per spostarsi con il mouse troppo. L'ultimo aggiornamento aggiunge un esempio in più, che rende Twitter Bootstrap Carosello sostenere l'uno a uno di animazione.

seguire rss

Ora ita € ™ s disponibile in WordPress (clicca sull'immagine qui sotto)

plugin di wordpress

Cambia registri (si prega di scaricare nuovamente se si acquista prima)

(aggiornamento 15 Maggio 2013)
  • Aggiornare il jQuery 1.9.1, e utilizzare Modernizr per rilevare il supporto di transizione CSS3. Puoi scaricare nuovamente il pacchetto sorgente se volete usarlo con jQuery 1.9.1.
(aggiornamento 14 Novembre 2012)
  • Integrazione con Bootstrap Carosello. Si può usare sul vostro quadro preferito ora.
  • Aggiunta l'opzione autoHideButton, impostato su false per fare le frecce siano sempre visibili.
  • Aggiornare la documentazione di aiuto.
(aggiornamento 14 settembre 2012)
  • Aggiungi esempio reattivo.
  • Aggiungere transizione di dissolvenza in IE9-, che doesnâ € ™ t sostenere la transizione CSS3.
  • Ora è possibile personalizzare ogni slideâ animazione € ™ s, anche ogni elemento di animazione della slideâ € ™ s.
  • Aggiungere presso possibilità di presentazione per mettere in pausa.
  • Aggiunto â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, â € animazione ~lightSpeedInâ € ™.
  • Correggere i bug: collegamento cana € ™ t essere cliccato in iOS.
  • Aggiornare a jQuery 1.8.1.

Acquista la licenza estesa?

Apprezzo se si può mettere questo Itema collegamento € ™ s nella descrizione tuo Itema € ™ s. Si prega di fornire solo la versione minified di file di js sul tema, e una licenza estesa può essere utilizzato solo su un tema.

Caratteristiche:

  • CSS3 animazione guidato, con accelerazione hardware transizioni CSS3 per browser moderno supportato.
  • Supporto reattivo, ad esempio incluso.
  • Mobile friendly, è possibile utilizzarlo in un dispositivo touch.
  • Eâ € ™ s leggero, il javascript compressa è solo 4KB.
  • Opzionale presentazione ritardo automatico, cappa opzionale per mettere in pausa la presentazione.
  • Ogni diapositiva o animazione Elementa € ™ s possono essere personalizzati.
  • Drag facoltativa del mouse.
  • Stile di animazione opzionale, può essere casuale o in qualsiasi altro tipo.
  • Opzionale freccia e pulsanti.
  • FAQ è incluso nel pacchetto sorgente.
  • Aggiornamento gratuito, è possibile scaricare il futuro aggiornamento gratuitamente.

Circa la transizione CSS3

Nota: La transizione CSS3 funziona solo in browser moderno come Firefox, Safar e Chrome. Quali doesnâ € ™ t lavoro in IE7, 8 & 9, sembra che il IE 10 lo sosterrà.

Per jQuery 1.8.0 utente

Sembra che ci sia un bug con jQuery 1.8.0, si prega di scaricare la versione non compressa di jQuery e commentare la linea 4521, allora questo plugin funziona bene.
 // Throw new Errore ("Errore di sintassi, espressione non riconosciuto:" + msg); 

Impostazioni del plugin disponibili

 // Il nome del involucro className: 'OneByOne', // Nome della classe del div involucro di ogni cursore sliderClassName: 'oneByOne_item', // Mettere in pausa la presentazione ritardo automatica quando hover utente pauseByHover: vero, // La facilità stile di animazione globale, // Ha effetto se non si pre-definito nella elemento easeType: 'fadeInLeft', // Ampiezza dello slider Larghezza: 960, // Altezza del cursore altezza: 420, // Il ritardo del tocco / trascinamento tween Ritardo: 300, // La tolleranza del tocco / trascinamento Tolleranza: 0.25, // Abilitare o disabilitare la funzione di trascinamento con il mouse EnableDrag: vero, // Visualizzare la precedente / seguente freccia o no showArrow: vero, // Nascondi automaticamente le frecce quando l'utente lasciano il cursore o meno autoHideButton: vero, // Visualizzare i pulsanti cerchio o meno showButton: vero, // Riproduzione automatica il cursore o meno slideShow: falso, // Millisecondo di ritardo del slidershow slideShowDelay: 3000, // Imposta sensibile al vero, quando cambierete il // Dimensioni del dispositivo di scorrimento con la media query in CSS reattivo: true // Quando cursore è inferiore minWidth, // Testo sono nascosto nel reattivo minWidth: 480 

Disponibile easeType

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

Credito

Animate.css è da Dan Eden.
L'immagine di sfondo nell'esempio di avvio è da photos8.

Raccomandazioni For You

XML Immagine / Video Griglia Galleria:
Galleria griglia
Il modello Flash AS3 Fotography:
fotografia

Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
October 24 11

Ultimo aggiornamento:
17 ago 13

Browser compatibili:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

File inclusi:
JavaScript JS, HTML, CSS

Versione software:
jQuery

Parole chiave

eCommerce, eCommerce, Tutti gli articoli, animazione, Ritardo auto, banner rotator, css3, trascinare, ios, jquery, mobile, uno per uno, di risposta, rotatori, cursore, presentazione, toccare, pulire