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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

El OneByOne Slider és un plugin de pes lleuger, sensible i capes jQuery pot utilitzar per a visualitzar la imatge i el text d'un en un. L'animació CSS3 és impulsat per Animate.css. Ita ™ € s mòbil amigable, que donen suport netegi esquerra / dreta en el seu dispositiu tàctil com l'iPhone i l'iPad. Vostè pot arrossegar i deixar anar per navegar amb el ratolí també. L'última actualització posar un exemple addicional, que fan que Twitter Bootstrap Carrusel donen suport l'una a una animació.

seguir rss

Ara ita € ™ s disponibles a WordPress (imatge de sota)

Plugin de wordpress

Canviar els registres (si us plau torna a descarregar-lo si compra abans)

(15a actualització de maig de 2013)
  • Actualització a la jQuery 1.9.1, i utilitzar Modernizr per detectar el suport transició CSS3. Podeu tornar a descarregar el paquet font si voleu utilitzar-lo amb jQuery 1.9.1.
(actualització 14 novembre 2012)
  • Integració amb Bootstrap carrusel. Es pot utilitzar en el seu marc favorit ara.
  • Afegir opció autoHideButton, s'estableix en false perquè les fletxes sempre siguin visibles.
  • Actualització de la documentació d'ajuda.
(actualització 14 setembre 2012)
  • Afegir exemple de resposta.
  • Afegir transició de fos en IE9-, que doesn € ™ t donar suport a la transició CSS3.
  • Ara vostè pot personalitzar cada slideâ animació ™ € s, encara que cada element en l'animació de la € ™ s slideâ.
  • Afegir libració opció de la presentació per fer una pausa.
  • Afegit â € ~ fadeInLeftBigâ € ™, â € ~ fadeInRightBigâ € ™, â € ~ fadeInUpBigâ € ™, â € ~ fadeInDownBigâ € ™, â € ~ flipInXâ € ™, â € ~ flipInYâ € ™, â € animació ~ lightSpeedInâ € ™.
  • Corregir errors: link canya € ™ t fer clic al iOS.
  • Actualització de jQuery 1.8.1.

Compra la llicència ampliada?

Estima si vostè pot posar aquest ITEMA enllaç ™ € s en la descripció de la seva ™ € ITEMA s. Serveixin-se proporcionar només la versió miniaturitzada de l'arxiu js del tema, i una llicència estesa pot estar utilitzant en un tema només.

Característiques:

  • Animació impulsat CSS3, accelerats per maquinari transicions CSS3 per navegador modern recolzat.
  • Suport sensible, exemple inclòs.
  • Mobile amable, es pot utilitzar en un dispositiu tàctil.
  • Ita € ™ s lleuger, el javascript comprimit és solament 4 kb.
  • Opcional retard automàtic de diapositives, paire opcional al fer una pausa en la presentació.
  • Cada diapositiva o animació ™ s elementals € es poden personalitzar.
  • Funció d'arrossegar opcional de ratolí.
  • Estil d'animació opcional, pot ser en l'atzar o de qualsevol altre tipus.
  • Fletxa i botons opcional.
  • FAQ està inclòs en el paquet font.
  • Actualització gratuïta, es pot descarregar la futura actualització de forma gratuïta.

Sobre la transició CSS3

Nota: La transició CSS3 només funciona en el navegador modern com Firefox, Safar i Chrome. Què doesn t treball € ™ en IE7, 8 i 9, sembla que l'IE 10 es van donin suport.

Per jQuery 1.8.0 usuari

Sembla que hi ha un error amb jQuery 1.8.0, si us plau descarregui la versió sense comprimir de jQuery i comentar la línia 4521, llavors aquest plugin funciona bé.
 // Throw new error ("Error de sintaxi, l'expressió no reconegut:" + msg); 

Configuració de plugins disponibles

 // Nom de l'embolcall className: 'OneByOne', // Nom de la classe del div contenidor de cada lliscant sliderClassName: 'oneByOne_item', // Pausa el retard automàtic de diapositives quan la libració d'usuari pauseByHover: true, // L'estil global animació facilitat, // Tenir efecte si no pre-definit en l'element easeType: 'fadeInLeft', // Amplada de la corredora ample: 960, // Alçada del botó lliscant alçada: 420, // El retard del tacte / arrossegament entre retard: 300, // La tolerància del tacte / arrossegament tolerància: 0,25, // Activar o desactivar la funció d'arrossegar amb el ratolí EnableDrag: true, // Mostra la següent fletxa anterior / o no showArrow: true, // Oculta automàticament les fletxes quan l'usuari es marxa el control lliscant o no autoHideButton: true, // Mostra els botons de cercle o no showButton: true, // Reproducció automàtica el control lliscant o no Diapositives: false, // Milisegons de retard del slidershow slideShowDelay: 3000, // Establir sensible a cert, quan vostè canvia el // Mida de slider amb la consulta de mitjans en CSS receptiu: true // Quan la corredissa és més petit que anchoMin, // El text es pot amagar en el receptiu anchoMin: 480 

Disponible 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â €

Crèdit

Animate.css és de Dan Eden.
La imatge de fons en l'exemple d'arrencada és de photos8.

Recomanacions per a Vostè

XML Imatge / Vídeo Xarxa Galeria:
Galeria de reixeta
La plantilla de Flash AS3 Fotography:
fotografia

Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
Octubre 24 11

Darrera actualització:
Agost 17 13

Els navegadors compatibles:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Arxius inclosos:
JavaScript JS, HTML, CSS

Versió del programari:
jQuery

Paraules clau

eCommerce, eCommerce, Tots els Articles, animació, retard automà, tic, bandera dels rotatoris, CSS3, arrossegar, is, jQuery, mò, bil, un per un, sensible, rotador, lliscant, slideshow, tocar, netejar