Cansado da barra de rolagem padrão? O DZS Scroller JQuery é a barra de rolagem final do seu site, que você pode personalizar com muita facilidade via CSS se as 3 peles incluídas não forem suficientes. Ele também vem com funcionalidade aprimorada, como rolar, o mouse ou o desbotamento da licença do mouse. E funciona no iPhone/iPad! Então, o que você está esperando? Obtenha hoje para o seu site, integra em menos de 5 minutos!
demonstração do iPad
Atualizações
Para atualizar, apenas sobrewite o dzScroller pasta
Atualização 4.11 [ 06/02/2015 ]
- [FIX] Alguns insetos
- [ADD] facilitando
Atualização 3.30 [ 06/26/2013 ]
- [FIX] Alguns insetos
- [FIX] Modo responsivo removido – basta usar a largura: 100%; para capacidade de resposta
- [TWEAK] Algoritmo de roda de mouse alterado
- [FIX] roda de mouse no ie9
Atualização 3.1 [ 05/02/2013 ]
- Corrigido alguns erros
- Experiência aprimorada em dispositivos móveis – rolagem mais natural
Atualização 3.0 [ 02/22/2013 ]
- Corrigido alguns erros
- NOVO: agora responsivo
Atualizar 2.0 [ 03/22/2012 ]
- corrigidos erros
- Configurações de pele limpas para apenas um parâmetro Settings_skin
- 5 peles frescas
- Settings_autoHeight – Calcule a altura do rolador, dependendo da altura do primeiro elemento
- Settings_autoresizescrollBar – Calcule o tamanho da barra de rolagem, dependendo da área visível / área de conteúdo da proporção
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
Atualização 1.2 [ 07/27/2011 ]
- Adicionado opções de reinicialização [ for content added after initialization ]
Atualização 1.1 [ 07/14/2011 ]
- Corrigido um problema no IE8
- Permite conteúdo horizontal dinâmico
O que você ganha?
- Arquivos de plug -in jQuery
- arquivos de exemplo – Exemplos pré -fabricados dos quais você pode começar a modificar e construir seu projeto com
- Readme – Documentação – Demo aqui – http://ammon.digitalzoomstudio.net/docs/scroller/docdemo.png
- Atualizações de vida! – Mesmo que o valor desta galeria aumente com as próximas atualizações, você as receberá de graça
- Suporte grátis! -para instalação via meu fórum -> http://digitalzoomstudio.net/support/ este é o mais rápido forma de suporte
Perguntas frequentes
Quantos parâmetros eu preciso para configurar o rollo
A largura e a altura do obrigatório. Outros parâmetros opcionais são o tamanho de toda a área de conteúdo (pode ser autocaloculada, largura total, atualizar em redimensionamento e muito mais. Consulte a documentação para obter a lista completa.
Funciona em smartphones
Sim, ele funciona em dispositivos de toque – iPad e iPhone testados. Você pode testar com seu dispositivo diretamente na visualização
Posso ter tantas fotos quanto eu quiser?
Sim. Observe que as fotos levam tempo para carregar – você pode ligar para o roller direito quando o documento estiver pronto – através do jQuery (documento) .ready Call e a barra de rolagem aparecerá imediatamente. Ou você pode ligar para o rolador quando todas as imagens são carregadas através da chamada jQuery (janela) .load e se você usar o exemplo full_horizontal, as dimensões do roller serão calculadas automaticamente.
E se as imagens tiverem tamanho diferente
Não importa.
A á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 do site, posso usar seu script nesta área de conteúdo menor?
Com certeza pode. O pergaminho trabalha com largura total e em layout. É adicionado ao conteúdo como uma div normal faria
Como faço para atualizar as dimensões da barra de rolagem após adicionar novo conteúdo
Ah sim, acabei de adicionar o método de reinicialização para casos em que algo assim é adicionado
jQuery('#scrollc6').find('.real-inner').append('<a rel="fancybox" href="img/b1.jpg"><img src="img/s1.jpg" /></a>');
para que ele recalcule os tamanhos. Existem duas maneiras de fazer isso
Método 1 – faça isso no init
jQuery('#scrollc6').scroller({
settings_refresh:10000
});
quais areefreshes a cada 10 segundos (ou o que você deseja inserir) ou
Método 2 – Atualização dura e única
jQuery('#scrollc6').scroller.reinit();
Quando você faz uma atualização manual.
