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 Homepage Banner Slideshow / Product viewer

— Add- On para WorldWideScripts.net

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

¡Nuevo! Síguenos como quieras!


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Este archivo es adecuado para la bandera página de inicio, presentación de diapositivas, visor de producto, Galería, aunque se puede utilizar como una introducción. Todas las animaciones son personalizables por lo que es adecuado para cualquier tipo de pancartas. Se puede utilizar cualquier número de capas en cada deslizador. Usted puede colocar y espaciando cada capa fácilmente con atributos de datos. En archivo de descarga, cinco muestras por defecto están disponibles en el archivo html separada.

Funciona bien en todos los navegadores, incluyendo iPad, iOS y dispositivos Android

Casi todas las opciones están disponibles para personalizar el control deslizante sin editar el código fuente

Toque capacidad de pantalla para el escritorio y el dispositivo de pantalla táctil

Utilice cualquier tipo de contenido Div puede ser div múltiple, de imagen (incluyendo formato de imagen transparente), vídeo, youtube y swf (archivo flash)

Características unicas:

  • Fácil de alinear, espaciamiento y dirección de animación para cada imagen y texto
  • Opción de elegir cualquier tipo de entrada / salida dirección de animación
  • Opción para configurar la animación distancia viene
  • Modelo del fondo de animación en movimiento
  • Opción para configurar in / out tiempo para cada div
  • Opción para establecer slideshow tiempo de retardo para cada diapositiva
  • Activar / Desactivar el escritorio Arrastre
  • Apoyar imágenes ilimitadas y texto en cada diapositiva


Botón de puntos:
  • Tres tipos diferentes de botón de puntos con botones Siguiente y Anterior diseño están disponibles
  • Coloque la navegación en cualquier lugar utilizando Alinear y opción Espaciado
  • Mostrar / Ocultar el punteado, botones Siguiente y Anterior
  • Activar / desactivar Ocultar automáticamente la navegación

Miniaturas:

  • Opción para mostrar miniaturas con botón de siguiente y anterior
  • Se puede cambiar fácilmente el ancho de miniaturas y altura usando css
  • Color de borde en miniatura, tamaño del borde, la miniatura para el espacio de miniaturas son el control a través de archivos css
  • Miniatura es apto automáticamente a la anchura de la bandera. También puede cambiar el área de visualización de imágenes en miniatura
  • Ratón Imagen en miniatura tinte o control sobre través archivo css, también puedes usar el color en lugar de la imagen
  • Coloque la imagen en cualquier lugar utilizando Alinear y opciones de espaciado
  • Puede mostrar los dos botones de puntos y miniaturas


Otras características:
  • Presentación de pausa cuando el usuario golpeó la bandera de lo contrario, siga desempeñando
  • Cinco tipos diferentes de muestras está disponible
  • Soporta todos los navegadores
  • Soporte de fuentes Cufon
  • Puede animar cualquier cosa que se coloca dentro de la div

Ver demo en tu móvil

En el código de plug-in se puede personalizar la presentación de diapositivas usando a continuación las variables

 jQuery (function ($) { $ ('# jq_fmslideshow'). fmslideshow ({ banner_width: "", banner_height: "", image_sprite: "fmslideshow_assets / sprite.png", image_background: "", image_topShadow: "", image_bottomShadow: "", image_loader: "fmslideshow_assets / loader_img.png", background_fullScreen: false, background_move: false, background_moveDistance: 1250, buttons_type: 0, buttons_autoHide: false, buttons_align: "BC", buttons_spacing: "15,0", button_nextPrevious_type: 0, button_nextPrevious_autoHide: true, button_next_align: "RC", button_next_spacing: "20,0", button_previous_align: "LC", button_previous_spacing: "20,0", dotButtons: falsas, button_next_previous: false, thumbnails_align: "BC", thumbnails_spacing: "-75,0", thumb_next_preious_width: 38, Diapositivas: false, slideShow_delayTime: 2, desktop_drag: true default_data_align: "LC", default_data_spacing: "70,0", default_data_inOutDirection: "LR", default_data_inOutDistance: "60" }); }); 


Código de presentación de la muestra
 <! - Diapositiva 1 -> <div> <img datos-align = "BL" de espaciamiento de datos = "0,50"-inoutdirection data = "BB"-inoutdistance data = "50"-starttime data = "0"-tiempo de permanencia de datos = "5" datos animationspeed = "700"-easeIn data = "easeOutQuart"-easeOut data = "easeOutSine" class = "imgSty" src = "images / image2.png" alt = "fmslideshow" /> <div align-data = "TR" espaciado de datos = "70,0"-inoutdirection data = "RL"-starttime data = ". 5"-tiempo de permanencia de datos = animationspeed-data "6" =-easeIn datos "400" = "easeInQuart" datos easeOut = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> Personalizar animación </ span> </ div> <div align = datos "TR" datos espaciado = "20,0"-inoutdirection data = "LR" class = "divStyle"-inoutdistance data = "60"> <span class = "txtMedium"> Entrada / Salida Dirección - Alineación - Separación </ span> </ div> </ div> 
Documento de ayuda completa se incluye en el archivo de descarga

Información actualizada sobre 06/10/2013: insecto Menor fija

Actualización sobre 23-11-2012: IE10 error corregido









Si usted tiene alguna pregunta acerca de este archivo en contacto conmigo a través de mi página de perfil.

Echa un vistazo a mis otros archivos:

















Echa un vistazo a mis archivos Flash:

acordeón horizontal-vertical de la imagen de texto de animación







carrusel-3-tipo-imagen-producto-viewer

acordeón horizontal-vertical de la imagen de texto de animación


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

Propiedades

Creado:
10 de octubre 11

Última actualización:
11 de junio 13

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

Archivos incluidos:
JavaScript JS, HTML, CSS, en capas PSD

Versión del software:
jQuery

Palabras clave

eCommerce, eCommerce, Todos los objetos, publicidad, bandera de los rotadores, deslizador imagen, Animació, n de capa, visor de producto, de tamañ, o variable, sencilla transició, n de diapositivas, diapositivas