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

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

El OneByOne Slider es un plugin de peso ligero, sensible y capas jQuery puede utilizar para visualizar la imagen y el texto de uno en uno. La animación CSS3 es impulsado por Animate.css. Ita ™ € s móvil amigable, que apoyan limpie izquierda / derecha en su dispositivo táctil como el iPhone y el iPad. Usted puede arrastrar y soltar para navegar con el ratón también. La última actualización poner un ejemplo adicional, que hacen que Twitter Bootstrap Carrusel apoyan la una a una animación.

seguir rss

Ahora ita € ™ s disponibles en WordPress (imagen de abajo)

Plugin de wordpress

Cambiar los registros (por favor vuelve a descargarlo si compra antes)

(15a actualización de mayo de 2013)
  • Actualizar a la jQuery 1.9.1, y utilizar Modernizr para detectar el apoyo transición CSS3. Puede volver a descargar el paquete fuente si desea utilizarlo con jQuery 1.9.1.
(actualización 14 de noviembre 2012)
  • Integración con Bootstrap carrusel. Se puede utilizar en su marco favorito ahora.
  • Añadir opción autoHideButton, establece en false para que las flechas siempre sean visibles.
  • Actualización de la documentación de ayuda.
(actualización 14 de septiembre 2012)
  • Añadir ejemplo de respuesta.
  • Añadir transición de fundido en IE9-, que doesnâ € ™ t apoyar la transición CSS3.
  • Ahora usted puede personalizar cada slideâ animación ™ € s, aunque cada elemento en la animación de la € ™ s slideâ.
  • Añadir libración opción de la presentación para hacer una pausa.
  • Añadido â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, â € animación ~lightSpeedInâ € ™.
  • Corregir errores: link canâ € ™ t hacer clic en el iOS.
  • Actualización de jQuery 1.8.1.

Compra la licencia ampliada?

Aprecio si usted puede poner este ITEMA enlace ™ € s en la descripción de su ™ € ITEMA s. Sírvanse proporcionar sólo la versión miniaturizada del archivo js del tema, y ​​una licencia extendida puede estar utilizando en un tema solamente.

Características:

  • Animación impulsado CSS3, acelerados por hardware transiciones CSS3 para navegador moderno apoyado.
  • Apoyo sensible, ejemplo incluido.
  • Mobile amable, se puede utilizar en un dispositivo táctil.
  • Ita € ™ s ligero, el javascript comprimido es solamente 4 kb.
  • Opcional retardo automático de diapositivas, pairo opcional al hacer una pausa en la presentación.
  • Cada diapositiva o animación ™ s elementa € se pueden personalizar.
  • Función de arrastrar opcional de ratón.
  • Estilo de animación opcional, puede ser en al azar o de cualquier otro tipo.
  • Flecha y botones opcional.
  • FAQ está incluido en el paquete fuente.
  • Actualización gratuita, se puede descargar la futura actualización de forma gratuita.

Sobre la transición CSS3

Nota: La transición CSS3 sólo funciona en el navegador moderno como Firefox, Safar y Chrome. Qué doesnâ t trabajo € ™ en IE7, 8 y 9, parece que el IE 10 se apoyen.

Para jQuery 1.8.0 usuario

Parece que hay un error con jQuery 1.8.0, por favor descargue la versión sin comprimir de jQuery y comentar la línea 4521, entonces este plugin funciona bien.
 // Throw new error ("Error de sintaxis, la expresión no reconocido:" + msg); 

Configuración de plugins disponibles

 // Nombre de la envoltura className: 'OneByOne', // Nombre de la clase del div contenedor de cada deslizador sliderClassName: 'oneByOne_item', // Pausar el retardo automático de diapositivas cuando la libración de usuario pauseByHover: true, // El estilo global animación facilidad, // Surtir efecto si no pre-definido en el elemento easeType: 'fadeInLeft', // Anchura de la corredera ancho: 960, // Altura del deslizador altura: 420, // El retraso del tacto / arrastre entre retraso: 300, // La tolerancia del tacto / arrastre tolerancia: 0,25, // Activar o desactivar la función de arrastrar con el ratón EnableDrag: true, // Mostrar la siguiente flecha anterior / o no showArrow: true, // Ocultar automáticamente las flechas cuando el usuario se marcha el control deslizante o no autoHideButton: true, // Mostrar los botones de círculo o no showButton: true, // Reproducción automática el control deslizante o no Diapositivas: false, // Milisegundos de retardo del slidershow slideShowDelay: 3000, // Establecer sensible a cierto, cuando usted cambia el // Tamaño de slider con la consulta de medios en CSS receptivo: true // Cuando la corredera es más pequeño que anchoMin, // El texto se puede ocultar en el receptivo 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édito

Animate.css es de Dan Eden.
La imagen de fondo en el ejemplo de arranque es de photos8.

Recomendaciones para ti

XML Imagen / Vídeo Red Galería:
Galería de rejilla
La plantilla de Flash AS3 Fotography:
fotografía

Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
24 de octubre 11

Última actualización:
17 de agosto 13

Los navegadores compatibles:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Archivos incluidos:
JavaScript JS, HTML, CSS

Versión del software:
jQuery

Palabras clave

eCommerce, eCommerce, Todos los objetos, animació, n, retardo automá, tico, bandera de los rotadores, css3, arrastrar, ios, jQuery, mó, vil, uno a uno, sensible, rotador, deslizador, diapositivas, toque, limpiar