Index.php
<link href="css/style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/cycle.js"></script>
<script type="text/javascript">
$(function (){
$("#slides ul") .cycle ({
fx: 'fade',
speed: 2000,
timeout:3000,
})
})
</script>
</head>
<div id="slides">
<ul>
<li><img src="banners/bauru01.jpg" width="1200" height="480" alt="" /></li>
<li><img src="banners/bauru02.jpg" width="1200" height="480" alt="" /></li>
<li><img src="banners/bauru03.jpg" width="1200" height="480" alt="" /></li>
<li><img src="banners/bauru04.jpg" width="1200" height="480" alt="" /></li>
</ul>
</div><!-- slides -->
.css
#slides{
width:1200px;
height:480px;
margin-top:3px;
overflow:hidden;
z-index:1;
position:relative;
}
Oi, boa tarde demetriusreis!
Obrigado por responder.
Vou testar aqui e volto pra te dizer como foi.
Obrigado pela atenção!
Boa tarde demetriusreis (@demetriusreis) !
Tentei aqui e não deu certo.
Você poderia me explicar melhor?
Em qual parte do código devo colocar esses códigos que você me passou?
Obrigado aí mais uma vez!!!
@fabiobomba
Faça o seguinte, baixe este plugin: Meta Slider
(https://br.wordpress.org/plugins/ml-slider/)
Resolve seu problema facilmente e é super intuitivo!
