Dificuldade de instalar Slider de conteúdo.
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Dificuldade de instalar Slider de conteúdo.
Detalhes da questão
Endereço do fórum: pivot5.forumeiros.com
Versão do fórum: PunBB
Descrição
Este é o código JQuery aplicado em: Módulos > HTML & JavaScript : Gestão dos códigos JavaScript
Com aplicação somente na página inicial.
- Código:
$(document).ready(function(){
$('.slider').bxSlider({
mode: 'vertical',
slideWidth: 305,
minSlides: 2,
slideMargin: 10
});
});
Este é o código html aplicado em: Visualização > Página Inicial : Geral
- Código:
<div class="slider">
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar1"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar2"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar3"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar4"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar5"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar6"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar7"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar8"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar9"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar10"></div>
</div>
infelizmente o código JQuery não surtiu efeito, alguém poderia me ajudar?
Re: Dificuldade de instalar Slider de conteúdo.
Eu já tinha conhecimento deste tópico, entretanto, eu gostaria que o slider não fosse automático ou seja, que o usuário passasse entre os slides apenas quando bem entendesse.
Re: Dificuldade de instalar Slider de conteúdo.
Mas... você teria um exemplo de a qual slide se refere? Sem ser o que postou no tópico. Caso tenha, nos passe o link.
Atenciosamente,
Fraise.
Atenciosamente,
Fraise.
Re: Dificuldade de instalar Slider de conteúdo.
Bom, esta página: http://bxslider.com/examples/carousel-demystified
Tem vários exemplos, inclusive o ultimo exemplo é o mostrado no tópico.
Tem vários exemplos, inclusive o ultimo exemplo é o mostrado no tópico.
Re: Dificuldade de instalar Slider de conteúdo.
Okay! Remova o JS e e utilize somente o código na página inicial:
Atenciosamente,
Fraise.
- Código:
<script src="http://bxslider.com/js/jquery.min.js"></script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<script src="http://bxslider.com/js/rainbow.min.js"></script>
<script src="http://bxslider.com/js/scripts.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.slider8').bxSlider({
mode: 'vertical',
slideWidth: 300,
minSlides: 2,
slideMargin: 10
});
});
</script>
<div class="slider8">
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar1"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar2"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar3"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar4"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar5"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar6"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar7"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar8"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar9"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar10"></div>
</div>
Atenciosamente,
Fraise.
Re: Dificuldade de instalar Slider de conteúdo.
Boa noite, infelizmente o código não funcionou.
Re: Dificuldade de instalar Slider de conteúdo.
Acho que é desta! Eu testei agora e está tudo certíssimo. Cá está:
Ficará algo assim:
http://image.prntscr.com/image/e5b38369ac2b4a9b9b7b15874b8b086d.png
Atenciosamente,
Fraise.
- Código:
<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css" type="text/css" />
<link rel="stylesheet" href="http://bxslider.com/css/styles.css" type="text/css" />
<link rel="stylesheet" href="http://bxslider.com/css/github.css" type="text/css" />
<script src="http://bxslider.com/js/jquery.min.js"></script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<script src="http://bxslider.com/js/rainbow.min.js"></script>
<script src="http://bxslider.com/js/scripts.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slider8').bxSlider({
mode: 'vertical',
slideWidth: 300,
minSlides: 2,
slideMargin: 10
});
});
</script>
<div class="slider8">
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar1"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar2"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar3"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar4"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar5"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar6"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar7"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar8"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar9"></div>
<div class="slide"><img src="http://placehold.it/300x100&text=FooBar10"></div>
</div>
Ficará algo assim:
http://image.prntscr.com/image/e5b38369ac2b4a9b9b7b15874b8b086d.png
Atenciosamente,
Fraise.
Re: Dificuldade de instalar Slider de conteúdo.
O código funcionou, mas infelizmente está desestruturando o css dá página do fórum. O texto aumentou de tamanho. a algumas coisas ficaram desalinhadas.
Mas pode deixar que daqui eu resolvo, obrigado pela ajuda!!
Mas pode deixar que daqui eu resolvo, obrigado pela ajuda!!
Re: Dificuldade de instalar Slider de conteúdo.
Tudo certo! Qualquer coisa é só criar um tópico.
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Slider top 5
» Instalação de um slider
» Código do slider
» Codigo slider
» Anúncios em Flash (Slider)
» Instalação de um slider
» Código do slider
» Codigo slider
» Anúncios em Flash (Slider)
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos