Gilmar Santos Postado Setembro 20, 2015 Denunciar Share Postado Setembro 20, 2015 Fiz tudo que o plugin pede, mas, o slide não funciona ! Por favor, me ajude já quebrei minha cabeça para fazer esse slide funcionar !!Meu código:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script src="http://malsup.github.io/jquery.cycle2.js"></script><script>$('.cycle-slideshow').cycle({ speed: 600, manualSpeed:100});</script></head><body><div class="slideshow"> <div class="slides"> <div class="slide-1"> <a href="#"><img src="img/01.jpg"></a> <div class="info-slide-left"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-2"> <a href="#"><img src="img/img02.jpg"><a/> <div class="info-slide-rigth"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-2"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-3"> <a href="#"><img src="img/img02.jpg"></a> <div class="info-slide-right-3"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-3"> <p>Categoria #1</p> </div> </div> </div> </div> <div class="slide"><!--Grupo 2 de slide--> <div class="slide-1"> <a href="#"><img src="img/01.jpg"></a> <div class="info-slide-left"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-2"> <a href="#"><img src="img/img02.jpg"><a/> <div class="info-slide-rigth"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-2"> <p>Categoria #1</p> </div> </div> </div> <div class="slide-3"> <a href="#"><img src="img/img02.jpg"></a> <div class="info-slide-right-3"> <a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a> <div class="seta-direita-3"> <p>Categoria #1</p> </div> </div> </div> </div> </div><!--Fim do 2 Slide--></div> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 wootzor Postado Setembro 20, 2015 Denunciar Share Postado Setembro 20, 2015 Já experimentaste começar por um exemplo mais simples como o exemplo que disponibilizam no site do plugin? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Gilmar Santos Postado Setembro 20, 2015 Autor Denunciar Share Postado Setembro 20, 2015 Já experimentaste começar por um exemplo mais simples como o exemplo que disponibilizam no site do plugin? É que eu quero desse jeito, porque eu quero colocar no meu site(projeto) ! Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Gilmar Santos
Fiz tudo que o plugin pede, mas, o slide não funciona ! Por favor, me ajude já quebrei minha cabeça para fazer esse slide funcionar !!
Meu código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://malsup.github.io/jquery.cycle2.js"></script>
<script>
$('.cycle-slideshow').cycle({
speed: 600,
manualSpeed:100
});
</script>
</head>
<body>
<div class="slideshow">
<div class="slides">
<div class="slide-1">
<a href="#"><img src="img/01.jpg"></a>
<div class="info-slide-left">
<a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a>
<div class="seta-direita">
<p>Categoria #1</p>
</div>
</div>
</div>
<div class="slide-2">
<a href="#"><img src="img/img02.jpg"><a/>
<div class="info-slide-rigth">
<a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a>
<div class="seta-direita-2">
<p>Categoria #1</p>
</div>
</div>
</div>
<div class="slide-3">
<a href="#"><img src="img/img02.jpg"></a>
<div class="info-slide-right-3">
<a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a>
<div class="seta-direita-3">
<p>Categoria #1</p>
</div>
</div>
</div>
</div>
<div class="slide"><!--Grupo 2 de slide-->
<div class="slide-1">
<a href="#"><img src="img/01.jpg"></a>
<div class="info-slide-left">
<a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a>
<div class="seta-direita">
<p>Categoria #1</p>
</div>
</div>
</div>
<div class="slide-2">
<a href="#"><img src="img/img02.jpg"><a/>
<div class="info-slide-rigth">
<a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a>
<div class="seta-direita-2">
<p>Categoria #1</p>
</div>
</div>
</div>
<div class="slide-3">
<a href="#"><img src="img/img02.jpg"></a>
<div class="info-slide-right-3">
<a href="#"><h2>Lorem Ipsum é simplesmente uma simulação de texto da indústria.</h2></a>
<div class="seta-direita-3">
<p>Categoria #1</p>
</div>
</div>
</div>
</div>
</div><!--Fim do 2 Slide-->
</div>
Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.