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

Vertical Sidebar Gallery - jQuery Slider

— Add- On para WorldWideScripts.net

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

¡Nuevo! Síguenos como quieras!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Vertical Barra Lateral Gallery es un plugin de jQuery y el tema de plantillas que crean un control deslizante vertical de la imagen impresionante, con tres grados de rotación. Vertical Barra Lateral Gallery es un compañero perfecto para la barra lateral de su página web. Se puede utilizar como una galería de imágenes o funciones desplazador posterior. Ponga una cantidad ilimitada de contenido en el espacio limitado! Sólo tiene que generar el HTML de su contenido y la galería hará el resto. Está de moda, intuitivo, y mejorará la experiencia del usuario de cualquier sitio web.

Cómo utilizar el plugin? Básicamente se puede comenzar con el archivo basic.html. 1. Copia el código HTML de archivo basic.html (el código entre las etiquetas...). 2. Incluir hoja de estilos con el estilo de la galería: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Incluir los archivos JavaScript necessare: <script src = "js / jquery -1.7.1.min.js "> </ script> <script src =" js / jquery-rueda del ratón-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" / js vsg.flowslider.jquery.js "> </ script> 4. Comenzar a utilizar la galería llamando jQuery plugin:. <script> jQuery () lista ( función ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ();.}); </ Script>

Para personalizar la galería de usar las siguientes opciones:. <Script> jQuery () listo (function () {$ ( "$ VSG-wrap.") VerticalSidebarGallery ({prefijo: ". VSG", // clase CSS showHoverBars prefijo: true, // si desea mostrar el menú superior izquierda de la libración rotateVertical: true, // si utilizar las rotaciones verticales rotateHorizontal: true, // si utilizar las rotaciones horizontales las rotateThumbnails: true, // si se debe utilizar la rotación miniatura optionsSliderHorizontal : {}, // opciones de flujo de cursor para la horizontal deslizante optionsSliderVertical: {}, // opciones de flujo deslizantes para las correderas verticales optionsSliderThumbnail: {} // opciones de flujo para las correderas deslizantes en miniatura});}); </ Script>

Para entender mejor opción del control deslizante de flujo se le anima a visitar su sitio web. Por ejemplo, para hacer deslizador horizontal para cambiar su posición sin una animación, pero al instante, acaba de establecer optionsSliderHorizontal: {animación: "Ninguno"}

Personaliza tu Galería de imágenes Galería vertical viene con cinco temas de diseño instaladas. Basta con crear un elemento sobre el control deslizante con una de las clases de la piel:.vsg-rosca,.vsg-primer,.vsg-hierba, o.vsg-combo. Pero bueno, si no encuentra su diseño sigue siendo fácil para crear su propia mirada. Sólo modificar los colores en uno de los archivos de la piel CSS.

Cambiar el tamaño de su deslizante Usted puede estirar la barra lateral vertical Galería para cualquier ancho que desea. Cinco opciones de ancho se instalan para usted:.vsg-180,.vsg-200,.vsg-250,.vsg-300. O puede crear su propio tamaño mediante la personalización de uno de los archivos CSS tamaño.

Multi miniaturas añadir más de una imagen a una imagen en miniatura y un rotador de la imagen infinita se crearán para desplazarse a través de esas imágenes.

3-en-1 Control deslizante tres deslizadores de potencia esta plantilla: deslizador del panel horizontal, regulador de miniaturas vertical y horizontal de la imagen de los rotadores.

Top exploración de diapositivas paneles superiores haciendo clic en los botones de navegación superior o flotando leyenda de navegación superior izquierda.

La rueda del ratón colocar el cursor sobre el control deslizante para desplazarse contenido del panel superior usando la rueda del ratón.

Hash controlador Navegar a través de galerías de hash con la URL del navegador. Por ejemplo, agregue # 3 a la URL de esta página y actualizarla.

Apoyo navegador Vertical Galería de imágenes es compatible con todos los principales navegadores, como Firefox, Internet Explorer, Chrome, Safari, Opera. Las transiciones CSS3

Es compatible con la propiedad de transición CSS3. Crear un slider con aceleración por hardware transiciones CSS3.

Flujo deslizante Esta plantilla es alimentado por el flujo libre Deslizador plugin de jQuery, que es endlesly personalizable y asegura impecable deslizante.

Plugin personalizable Personalizar todas las características de la galería cambiando opción al utilizar este plugin de jQuery.


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

Propiedades

Creado:
23 12 de marzo

Última actualización:
23 12 de marzo

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

archivos incluidos:
JS JavaScript, HTML, CSS

Versión del software:
Otros, jQuery

Palabras clave

eCommerce, eCommerce, Todos los artí, culos, carrusel, galerí, a, imagen, interfaz, js javascript, jQuery, mover el rató, n, imagen, enchufar, avance, rotador, deslizador, miniatura, ui, vertical