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

Degrade - The Swiss Army Slider

— Add- On para WorldWideScripts.net

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

¡Nuevo! Síguenos como quieras!


Degrade - The Swiss Army Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

siga SakuraPixelYoucanelso WRITEUS

Degradar - El Responsive Multiusos deslizante

Degradar - el-ejercito-slider suizo es una de usos múltiples, totalmente deslizante personalizable, con un comportamiento de respuesta y características de todo-en-uno. Es el deporte una variación de 40 opciones, la apariencia de la barra deslizante se puede personalizar a través de sus 8 sombras diferentes, 4 estilo diferente esquina, 6 tipos de control diferentes, colores ilimitados, códigos cortos, leyendas estilo, el comportamiento de pantalla completa, que le da la posibilidad de hacer, literalmente, cientos de diferentes controles deslizantes.

El cursor puede también ser utilizado como una bandera, puede reproducir vídeo, puede mostrar subtítulos donde tú quieras y se puede utilizar como herramienta de publicidad, así como panel de visualización.

Hacer lo mejor de ella!

Características:

Variación Diseño
Cambie fácilmente su apariencia en cuestión de segundos. Degrade deslizante viene con un montón de activos predefinidos, como sombras, las esquinas, los controles. Colores ilimitados, puede cambiar fácilmente color de todos los componentes dentro de un regulador que lo hacen único. Alternativamente, usted puede desactivar cualquier componente de diseño y crear banners HTML que se ejecutan en todos los dispositivos.

Rendimiento
Todas las diapositivas se cargan de forma dinámica a través de Ajax, hemos prestado especial atención a su desempeño, manteniendo su diseño exquisito y diapositivas están disponibles en cuanto se cargan, no hay pérdidas de memoria, Degrade deslizante también está optimizado para eventos de pantalla táctil / arrastre.

Shortcodes
Degrade deslizante viene con códigos cortos orden interna. Shortcodes hace que sea fácil de añadir diferentes elementos que pueda necesitar en el interior de la barra deslizante. Por ejemplo, usted necesita un botón rojo con esquinas redondeadas, sólo tiene que añadir el siguiente código dentro de un subtítulo:

 <a href="http://yourlink.com" Botón red"> class="degradeButton RoundButton </a> 

Ver todos los códigos cortos disponibles dentro de la previsualización.

Sensible
Ya sea que se esté viendo en los escritorios, tableta, móviles, su trabajo, sus imágenes, sus productos se busque siempre el mismo!

Archivos PSD y Ayuda
Degrade deslizante viene con PSD en capas y todos los elementos de diseño (sombras, flechas, botones y esquinas). Ver archivos de ayuda aquí: Léeme

Opciones deslizantes

 slideAnimationType: "easeOutQuint", // animación / tipo de transición del control deslizante slideAnimationDuration: 600, // se desliza por defecto duración de la animación enableTouchDragSlides: true, // Activar / Toque y arrastre diapositivas desactivar Reproducción automática: false //, diapositivas de reproducción automática autoPlayInterval: 5000, // intervalo de reproducción automática (5 segundos) pauseAutoplayOnHover: true, // pausar la reproducción automática en vuelo estacionario autoPlayStopAtEnd: true, // reproducción automática de parada al final (podría ser utilizado para la creación de banner) autoScale: true, // comportamiento receptivo showShadow: true //, sombra espectáculo slider shadowType: 'ShadowType01', // tipo de sombra (hay 8 tipos de sombra disponibles ShadowType01.... para... ShadowType08) showBottomCorners: true //, esquinas inferiores espectáculo bottomCornersStyle: "CornerStyle01", // esquinas estilo (hay 4 tipos de curvas disponibles CornerStyle01.... para... CornerStyle04) showCenterButtons: true, botones de navegación centro muestran // showCenterButtonsBackground: false, // fondo espectáculo central del botón de navegación centerButtonsAdjustPosition: 20, // ajustar los botones de navegación del centro de la posición vertical (ex: 20 o -20) showCenterButtonsStyle: "Style01", // el estilo de botón de navegación central (hay dos estilos disponibles Style01 y Style02) enableKeyboardNav: true //, activar / desactivar la navegación mediante el teclado showSliderBackground: true //, activar / desactivar el fondo de los deslizadores sliderBackgroundColor: "# FFFFFF", // color de fondo de los deslizadores sliderBackgroundOpacity: 0.2, // la opacidad de fondo de los deslizadores sliderShowBorder: true //, activar / desactivar el borde de deslizadores sliderBorderColor: "# FFFFFF", // color del borde de los deslizadores sliderShowInnerBorder: true //, permiten borde interior de / desactivar los controles deslizantes sliderInnerBorderColor: "# FFFFFF", // color interno frontera de deslizadores flechas cierto, // activar / desactivar de deslizadores de navegación: showLeftRightNav showLeftRightNavIsBackground: false, flechas de navegación fondo // de deslizadores leftRightNavBackgroundColor: "# 212121", // color de las flechas de navegación fondo de deslizadores leftRightNavType: "Nav04", // Tipo de flechas de navegación de los deslizadores (hay 4 tipos disponibles: NAV01 a Nav04) leftNavAdjustPosition: 10, // ajustar la posición horizontal de la izquierda flecha de navegación rightNavAdjustPosition: -10, // ajustar la posición horizontal de la navegación de flecha derecha showSliderPreloader: true //, habilitar / deshabilitar preloader del deslizador showDragCursor: false //, cursor show de drag enableFullScreen: true, // activar / desactivar pantalla completa nativo (para navegadores que soporta pantalla completa) normalWidth: 800 //, ancho deslizador por defecto normalHeight: 400 // defecto altura slider 



Subtítulos
Degrade deslizante soporta subtítulos ilimitados en cada diapositiva, puede añadir cualquier contenido HTML en los subtítulos.
Cada título tiene propiedades y animaciones predefinidas que se pueden anular desde dentro HTML. Ver propiedades disponibles a continuación.

 positionX: "0", // posición epígrafe X positionY: "0", // posición subtítulo Y animación: "Ninguno", // animación del título cpuld ser (Ninguno, SlideFromLeft, SlideFromRight, SlideFromTop, SlideFromBottom) animationType: "easeOutQuint", // tipo de transición animación (ver nota anterior) animationDuration: 500, // duración de la animación (ver nota anterior) delayAnimation: 0, // inicio animación retardo (ver nota anterior) isBackground: "false" // fondo de los subtítulos backgroundColor: "# 212121", // color de fondo del subtítulo backgrondTransparency: 0.5, // fondo de los subtítulos transparencia fullWidthVideo: "false" // subtítulo ancho de vídeo (ver la muestra con vídeo) 



Otras características

  • Soporte de pantalla completa
  • Toque optimizado
  • jQuery Powered
  • Ilimitado variación de color
  • Diseño Personalizado
  • PSD Fuente Incluyó
  • Documentación incluida

Créditos

Vista Previa de Imágenes ( Fotolia.com ). Tenga en cuenta que las imágenes de vista previa no se incluyen en el archivo de descarga.
Imágenes incluidas dentro del archivo de descarga ( Publicdomainpictures.net ).
Icono del globo Social Media Set by ( doble J Design ).

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

Propiedades

Creado:
27 de julio 12

Última actualización:
N / A

Alta Resolución:
no

Navegadores compatibles:
IE8, IE9, Firefox, Safari, Opera, Chrome, Archivos incluidos

Software Versión:
jQuery

Palabras clave

eCommerce, Todos los Artí, culos, ajax, todos los colores, fabricante de bandera, slider html, jquery, mí, nimo, mó, vil, plugin, slider sensible, tá, ctiles, slider ví, deo