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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Vertical Sidebar Gallery est un plugin jQuery et thème des modèles qui créent une image curseur vertical superbe avec trois degrés de rotation. Vertical Sidebar Gallery est un compagnon idéal pour la barre latérale de votre site Web. Vous pouvez l'utiliser comme une galerie d'images ou en vedette après scroller. Mettez quantité illimitée de contenu dans un espace restreint! Vous avez juste besoin de générer le code HTML de votre contenu et la galerie fera le reste. Il est à la mode, intuitive, et permettra d'améliorer l'expérience utilisateur de tout site Web.

Comment utiliser le plugin? Fondamentalement, vous pouvez commencer avec le fichier basic.html. 1. Copiez le code HTML à partir du fichier basic.html (le code entre... tags). 2. Inclure stylesheet pour le style de la galerie: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Inclure les fichiers JavaScript de necessare: <script src = "js / jquery -1.7.1.min.js "> </ script> <script src =" js / jquery-mousewheel-3.0.6 / jquery.mousewheel.min.js "> </ script> <script src =" js / flowslider.jquery.js "> </ script> <script src =" js / vsg.flowslider.jquery.js "> </ script> 4. Commencer à utiliser la galerie en appelant plugin jQuery:. <script> jQuery () prêt ( fonction ($) {$ ( "vsg-wrap».) VerticalSidebarGallery ();.}); </ Script>

Pour personnaliser votre galerie utilisez les options suivantes:. <Script> jQuery ready (function () ($) {$ ( "vsg-wrap».) VerticalSidebarGallery ({préfixe:. "Vsg", // classe css showHoverBars préfixe: true, // si vous souhaitez afficher en haut à gauche menu hover rotateVertical: true, // si vous souhaitez utiliser les rotations verticales rotateHorizontal: true, // si vous souhaitez utiliser les rotations horizontales rotateThumbnails: true, // si vous souhaitez utiliser la rotation des vignettes optionsSliderHorizontal : {}, // des options de débit curseur pour le curseur horizontal optionsSliderVertical: {}, // des options de débit curseur pour les curseurs vertical optionsSliderThumbnail: {} // des options de débit curseur pour les curseurs de miniatures});}); </ Script>

Pour mieux comprendre l'option du curseur Débit vous êtes invités à visiter son site Web. Par exemple, pour faire curseur horizontal pour changer sa position sans animation, mais instantanément, vient de mettre optionsSliderHorizontal: {animation: "Aucun"}

Personnaliser votre galerie Image Gallery Vertical est livré avec cinq thèmes de conception installés. Il suffit de créer un élément sur le curseur avec l'une des classes de la peau:.vsg-threadless,.vsg-closeup,.vsg-grass, ou.vsg-combo. Mais bon, si vous ne trouvez pas votre conception, il est toujours facile de créer votre propre look. Il suffit de modifier les couleurs dans l'un des fichiers de la peau de CSS.

Modifier la taille de votre curseur Vous pouvez étirer Vertical Sidebar Gallery à toute largeur que vous souhaitez. Cinq options de largeur sont installés pour vous:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Ou créer votre propre taille en personnalisant l'un des fichiers CSS de taille.

Multi-Miniatures Ajouter plus d'une image à une vignette et une image rotateurs infinie sera créé pour faire défiler les images.

3-in-1 Curseur Trois curseurs puissance ce modèle: curseur de panneau horizontal, vertical curseur de la vignette et l'image horizontale rotateurs.

Top Navigation Glisser les panneaux supérieurs en cliquant sur les boutons de navigation en haut ou en vol stationnaire haut à gauche légende de navigation.

Wheel Mouse Placez votre curseur sur le curseur pour faire défiler le contenu de panneau supérieur en utilisant la molette de la souris.

Hash Controller Naviguer à travers des galeries avec URL de hachage de navigateur. Par exemple, ajoutez # 3 à l'URL de cette page et le rafraîchir.

Browser Support Vertical Image Gallery supporte tous les principaux navigateurs, comme Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Transitions

Prise en charge de la propriété de transition CSS3. Créer un curseur avec accélération matérielle transitions CSS3.

Débit Curseur Ce modèle est alimenté par Flow Curseur jQuery gratuit plugin, qui est endlesly personnalisable et assure sans faille coulissante.

Plugin personnalisable Personnalisez toutes les fonctionnalités de la galerie en changeant l'option lors de l'utilisation de ce plugin jQuery.


Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
23 Mars 12

Dernière mise à jour:
23 Mars 12

Navigateurs compatibles:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

fichiers inclus:
JavaScript JS, HTML, CSS

Une version de logiciel:
Autre, jQuery

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les articles, carrousel, Galerie, image, interface, js javascript, jquery, dé, placez la souris, image, brancher, Aperç, u, rotateur, curseur, la vignette, ui, verticale