Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Joao Marcos_173092

Plugin cycle iniciante

Recommended Posts

pessoal, estou tentando fazer um slideshow bem basicao mesmo, más ele nao esta pegando. estou me matando aqui pra descobrir o erro mas nao consigo.

desde ja agradeço muito a atenção de voces!!!

 

 

 
<script type="text/javascript" src="js/jquery.cycle.all.js" ></script>
<script type="text/javascript" src="js/jquery-2.1.1.min.js" ></script>
 
<script type="text/javascript">
$(function() {
    $('#slideshow').cycle({
        fx: 'fade',
       
    });
    
</script> 
<div id="slideshow">
    <img width="500" height="100" src="admin/Imagensslideshow/CODEHTML53ca9d2d25659.jpg"  />
     <img width="500" height="100" src="admin/Imagensslideshow/CODEHTML53ca9d358c8ab.jpg" />
</div>
 
o css:

#slideshow {
height: 400px;
width: 950px;


A bronca que da é que as 2 imagens estao um abaixo da outra e nao roda o cycle.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Segue a correção do mesmo, faça os teste e veja como ficou:

<style>
#slideshow {
height: 400px;
width: 950px;
}
</style>


<script type="text/javascript" src="js/jquery-2.1.1.min.js" ></script>
<script type="text/javascript" src="js/jquery.cycle.all.js" ></script>


<script type="text/javascript">
$(document).ready(function() {
    $('#slideshow').cycle({
        fx: 'fade',   
    });
});
</script> 

<div id="slideshow">
 <img width="500" height="100" src="admin/Imagensslideshow/CODEHTML53ca9d2d25659.jpg" />
 <img width="500" height="100" src="admin/Imagensslideshow/CODEHTML53ca9d358c8ab.jpg" />
</div>



Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.