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 / Miscellaneous

DZS Scroller - jQuery Scrollbar done right

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


DZS Scroller - jQuery Scrollbar Done Right - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Cansado da barra de rolagem padrão? DZS Scroller jQuery é a barra de rolagem final para seu site, que você pode personalizar facilmente via CSS se as 3 peles incluídas não são suficientes. Ele também vem com funcionalidades melhoradas como de rolagem por pairo ou desaparecer na licença mouse. E funciona no iPhone / iPad! Então, o que você está esperando? Comece hoje mesmo para o seu site, integrar em menos de 5 minutos!

iPAD Demonstração

Atualizações

Para atualizar, basta overwite a pasta dzscroller

ATUALIZAÇÃO 4,11 [2015/06/02]

  • [FIX] alguns bugs
  • [ADD] aliviando

ATUALIZAÇÃO 3,30 [2013/06/26]

  • [FIX] alguns bugs
  • [FIX] removidas modo responsivo - basta usar width: 100%; para a capacidade de resposta
  • [TWEAK] algoritmo roda do mouse alterado
  • [FIX] roda do mouse sobre IE9

ATUALIZAÇÃO 3.1 [2013/05/02]

  • corrigidos alguns erros
  • melhorou experiência em dispositivos móveis - mais rolagem naturais
ATUALIZAÇÃO 3.0 [2013/02/22]
  • corrigidos alguns erros
  • NOVO: agora responsivo

ATUALIZAÇÃO 2.0 [03/22/2012]

  • bugs corrigidos
  • limpos configurações da pele com apenas um parâmetro settings_skin
  • 5 peles frescos
  • settings_autoheight - calcular a altura scroller dependendo da altura do elemento primeiro
  • settings_autoresizescrollbar - calcular o tamanho da barra de rolagem, dependendo da área visível / proporção área de conteúdo

ATUALIZAÇÃO 1.3 [09/06/2011]

  • barras de rolagem agora visíveis no iPhone / iPad
  • algumas novas opções, algumas correções de bugs

Update 1.2 [2011/07/27]

  • Opções de reinicialização adicionados [para conteúdo adicionado após a inicialização]

Atualização 1.1 [2011/07/14]

  • Foi resolvido um problema no IE8
  • permite que o conteúdo dinâmico horizontal

O que você ganha?

  • arquivos plugin jQuery
  • exemplos de arquivos - exemplos premade a partir do qual você pode começar a modificar e construir seu projeto com
  • Leia-me - Documentação - Demo aqui - http://ammon.digitalzoomstudio.net/docs/scroller/docdemo.png
  • Atualizações de vida - mesmo se o valor desta galeria aumenta com atualizações futuras, você vai obtê-los gratuitamente
  • suporte gratuito - para instalação via meu fórum -> http://digitalzoomstudio.net/support/ esta é a forma mais rápida de apoio

Perguntas frequentes

Quantos parâmetros que eu preciso para configurar o scroller
A largura ea altura do preenchimento obrigatório. Outros parâmetros opcionais são o tamanho de toda a área de conteúdo (pode ser autocalculated, fullwidth, refrescar em redimensionar e muitos mais. Consulte a documentação para a lista completa.
Será que funciona em smartphones
Sim, ele funciona em dispositivos de toque - iPad e iPhone testados. Você pode testar com seu direito dispositivo na visualização
Posso ter tantas fotos como eu quero?
Sim. Observe que as imagens demoram a carregar - você pode chamar o direito scroller quando o documento estiver pronto - através do jQuery (document).ready chamada e a barra de rolagem aparecerá à direita. Ou você pode chamar o scroller quando todas as imagens são carregados através do jQuery (janela) chamada.load e se você usar o exemplo full_horizontal as dimensões scroller será automaticamente calculado.
E se as imagens são de tamanho diferente
Não importa.
área de conteúdo no meu site não é de página inteira, mas uma caixa de conteúdo menor no meio da página web site posso usar seu script nesta área de conteúdo menor?

Lata certeza. A scroller funciona tanto fullwidth e no layout. Ele é adicionado no conteúdo como um div normal faria

Como faço para atualizar as dimensões de barra de rolagem após a adição de novos conteúdos
Aw sim, eu adicionei o método de reinicialização para casos quando algo assim é adicionado
 jQuery ('# scrollc6'). find ('. real-interior'). append ('<a rel="fancybox" href="img/b1.jpg"> <img src = "img / s1.jpg" / > </a> '); 
para que ele recalcula os tamanhos. Há duas maneiras de fazer isso
Método 1 - fazer isso em Init
 jQuery ('# scrollc6'). scroller ({ settings_refresh: 10000 }); 
autorefreshes que a cada 10 segundos (ou o que você deseja inserir) ou
Método 2 - duro, refresh único
 jQuery ('# scrollc6') scroller.reinit ().; 
quando você faz uma atualização manual.


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

Propriedades

Criado:
15 de 11 de junho

Última atualização:
10 15 jul

Alta resolução:
Não

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

Arquivos incluídos:
JS JavaScript, HTML, XML, CSS

Versão do software:
jQuery

Palavras-chave

eCommerce, eCommerce, Todos os itens, auto rolagem, css personalizado, barra de rolagem personalizada, desaparecer, galeria, horizontal vertical, conteú, do html, na linha, ipad, javascript barra de rolagem, jquery, pá, gina barra de rolagem, Barra de rolagem, scroller