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

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


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

Ads

Ad: Bluehost hosting

Este arquivo é adequado para a bandeira homepage, slideshow, telespectador produto, Gallery mesmo que você pode usar como uma introdução. Todas as animações são customizáveis ​​assim que o adequado para qualquer tipo de banners. Você pode usar qualquer número de camada em cada slider. Você pode posicionar e espaçamento entre cada camada facilmente utilizando atributos de dados. No arquivo de download, cinco amostras padrão estão disponíveis no arquivo html separado.

Ele funciona bem em todos os navegador, incluindo ipad, ios e Android Dispositivo

Quase todas as opções estão disponíveis para personalizar esse controle deslizante sem editar o código-fonte

Toque capacidade de tela tanto para desktop e dispositivo de tela de toque

Use qualquer tipo de conteúdo Div pode ser div múltiplo, imagem (incluindo formato de imagem transparente), vídeo (arquivo flash) youtube e swf

Características únicas:

  • Fácil de alinhar, espaçamento e direção de animação para cada imagem e texto
  • Opção de escolher qualquer tipo de in / out direção de animação
  • Opção para definir a animação vinda distância
  • Padrão de fundo em movimento animação
  • Opção para definir in / out para cada div
  • Opção para definir slideshow tempo de atraso para cada slide
  • Activar / Desactivar Arraste área de trabalho
  • Apoio imagens ilimitadas e texto em cada slide


Botão pontilhada:
  • Três tipos diferentes de botão pontilhada com botões Next e Previous projeto estão disponíveis
  • Posicione a navegação em qualquer lugar usando Alinhe e opção Espaçamento
  • Show / Hide o pontilhado, botões Próximo e Anterior
  • Activar / Desactivar hide navegação automóvel

Miniaturas:

  • Opção para mostrar miniaturas com botão próximo e anterior
  • Pode ser facilmente alterar a largura e altura de miniaturas usando css
  • Cor da borda de miniaturas, tamanho da borda, na miniatura para espaço em miniatura são o controle por meio de arquivo css
  • Thumbnail é automaticamente apto para a largura de faixa. Você também pode alterar a área visualizar as miniaturas
  • Rato miniatura da imagem matiz ou controle sobre através arquivo css, você também pode usar a cor em vez de imagem
  • Posicione a miniatura em qualquer lugar usando Alinhe e opções de espaçamento
  • Você pode mostrar os dois botões pontilhadas e miniaturas


Outras características:
  • Slideshow pausa quando o usuário acertar a bandeira caso contrário, continuará a desempenhar
  • Cinco tipos diferentes de amostras está disponível
  • Suporte todos os browsers
  • Suporte a fonte Cufon
  • Você pode animar qualquer coisa que você colocar dentro do div

Veja a demonstração no seu celular

No código plug-in você pode personalizar a apresentação de slides usando abaixo variáveis

 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: falsos, button_next_previous: false, thumbnails_align: "BC", thumbnails_spacing: "-75,0", thumb_next_preious_width: 38, Slides: 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 slideshow Amostra
 <! - Slide 1 -> <div> <img dados-align = "BL"-spacing dados = "0,50"-inoutdirection dados = "BB"-inoutdistance dados = "50"-starttime dados = "0"-tempo de permanência de dados = "5" data-animationspeed = "700"-easeIn dados = "easeOutQuart"-easeOut dados = "easeOutSine" class = "imgSty" src = "images / image2.png" alt = "fmslideshow" /> <div align dados-= "TR"-spacing dados = "70,0"-inoutdirection dados = "RL"-starttime dados = ". 5"-tempo de permanência de dados =-animationspeed dados "6" = "400"-easeIn dados = "easeInQuart" data-easeOut = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> Personalizar Animação </ span> </ div> <div align dados-= "TR" dados-spacing = "20,0"-inoutdirection dados = "LR" class = "divStyle"-inoutdistance dados = "60"> <span class = "txtMedium"> In / Out Direction - Alinhamento - Espaçamento </ span> </ div> </ div> 
Documento de ajuda completo está incluído no arquivo de download

Atualização em 2013/10/06: Minor bug fixo

Atualização em 23-11-2012: IE10 bug corrigido









Se você tiver alguma dúvida sobre este arquivo contactar-me através de minha página de perfil.

Confira meus outros arquivos:

















Confira meus arquivos Flash:

acordeão-horizontal-vertical-image-text-animação







carrossel-3-tipos-image-produto-viewer

acordeão-horizontal-vertical-image-text-animação


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

Propriedades

Criado:
10 out 11

Última atualização:
11 13 jun

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

Arquivos incluídos:
JS JavaScript, HTML, CSS, Layered PSD

Versão do software:
jQuery

Palavras-chave

eCommerce, eCommerce, Todos os itens, anuncios, Banner Rotator, deslizante imagem, Camada de animaç, ã, o, visualizador de produto, redimensioná, vel, simples transiç, ã, o de slides, slideshow