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

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Vertical Sidebar Gallery é um plugin jQuery e temáticos modelos que criam um controle deslizante vertical imagem deslumbrante com três graus de rotação. Vertical Sidebar Galeria é um companheiro perfeito para a barra lateral do seu site. Você pode usá-lo como uma galeria de imagem ou caracterizado pós scroller. Coloque uma quantidade ilimitada de conteúdo no espaço limitado! Você só precisa gerar o código HTML do seu conteúdo e da galeria fará o resto. É moderno, intuitivo e irá melhorar a experiência do usuário de qualquer site.

Como usar o plugin? Basicamente, você pode começar com o arquivo basic.html. 1. Copie o código HTML arquivo basic.html (o código entre as tags...). 2. Incluir folha de estilo para o estilo da galeria: <link rel = "stylesheet" href = "css / style.css" type = "text / css" /> 3. Inclua os arquivos JavaScript 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. Comece a utilizar a galeria chamando jQuery plugin:. <script> jQuery () pronto ( function ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ();.}); </ Script>

Para personalizar a sua galeria de utilizar as seguintes opções:. <Script> jQuery () (função pronta ($) {$ ( "VSG-wrap.") VerticalSidebarGallery ({prefixo: ". VSG", // classe css showHoverBars prefixo: true, // se para mostrar o menu de foco superior esquerdo rotateVertical: true, // se pretende utilizar as rotações verticais rotateHorizontal: true, // se pretende utilizar as as horizontais rotações rotateThumbnails: true, // se pretende utilizar a rotação de miniaturas optionsSliderHorizontal : {}, // opções de Fluxo de Slider para o optionsSliderVertical controle deslizante horizontal: {}, // opções de fluxo Slider para o deslizantes verticais optionsSliderThumbnail: {} // Fluxo Slider opções para os controles deslizantes miniatura});}); </ Script>

Para entender melhor opção de o fluxo Slider que são incentivados a visitar seu site. Por exemplo, para fazer controle deslizante horizontal para mudar a sua posição sem uma animação, mas instantaneamente, basta definir optionsSliderHorizontal: {animação: "Nenhum"}

Personalize sua galeria de imagens Galeria Vertical vem com cinco temas de design instalados. Basta criar um elemento sobre o controle deslizante com uma das classes de pele:.vsg-rosca,.vsg-close up,.vsg-grama, ou.vsg-combinação. Mas hey, se você não encontrar o seu projeto ainda é fácil de criar seu próprio olhar. Apenas modificar as cores em um dos ficheiros da pele CSS.

Alterar o tamanho de sua Slider Você pode esticar Vertical Sidebar Galeria para qualquer largura que desejar. Cinco opções de largura são instalados para você:.vsg-180,.vsg-200,.vsg-250,.vsg-300. Ou criar seu próprio tamanho, personalizando um dos arquivos CSS tamanho.

Multi Miniaturas Adicionar mais de uma imagem para uma miniatura e um rotator imagem infinita será criado para percorrer essas imagens.

3-em-1 Slider Três sliders de energia Este modelo: controle deslizante do painel horizontal, controle deslizante de Miniatura vertical, e rotador imagem horizontal.

Top Navigation Deslize painéis superiores clicando primeiros botões de navegação ou pairando superior esquerdo lenda navegação.

Wheel Mouse Coloque o cursor sobre o controle deslizante para deslocar o conteúdo painel superior usando a roda de rolagem do mouse.

Hash Controlador Navegue através galerias com hash de URL do navegador. Por exemplo, adicione # 3 para o URL da página e atualizá-la.

Navegador Suporte Vertical Galeria de Imagens suporta todos os principais navegadores, como: Firefox, Internet Explorer, Chrome, Safari, Opera. CSS3 Transitions

Suporta propriedade de transição CSS3. Criar um controle deslizante com hardware acelerado transições CSS3.

Fluxo de Slider Este modelo é alimentado por fluxo Slider gratuito plugin jQuery, que é endlesly personalizável e garante impecável deslizante.

Plugin customizáveis ​​Personalize todas as características da galeria, alterando opção quando usar este plugin jQuery.


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
23 de 12 de março

Última atualização:
23 de 12 de março

Navegadores compatíveis:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

arquivos incluídos:
JavaScript JS, HTML, CSS

Versão do software:
Outros, jQuery

Palavras-chave

comé, rcio eletrô, nico, comé, rcio eletrô, nico, Todos os itens, carrossel, galeria, imagem, interface, js javascript, jquery, movimento do mouse, fotografia, plugar, visualizaç, ã, o, rotor, deslizante, miniatura, ui, vertical