Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia Pessoal,
Estou utilizando o plugin Jquery Cycle para transição de algumas imagens, esta funcionando certo, gostaria de saber como faço para adicionar um texto abaixo de cada transição pois a imagem e texto estarão no banco de dados.
Obrigado pela atenção de todos.
Segue o código:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>body { margin: 40px }
#controls { width: 200px; height: 25px }
#slideshow,#controls { margin: auto; width: 415px; height: auto; }
#prev { float: left; }
#next { float: right; }
</style>
<script src="jquery.min.js"></script>
<script src="jquery.cycle.all.js"></script>
<script>
$(document).ready(function() {
// init and stop the inner slideshows
//var inners = $('.inner-slideshow').cycle().cycle('stop');
$('#slideshow').cycle({
fx: 'scrollHorz',
speed: 300,
timeout: 4000,
prev: '#prev',
next: '#next',
pause:0
});
});
</script>
</head>
<body>
<div id="slideshow">
<img src="img1.jpg" width="410" height="300">
<img src="img2.jpg" width="410" height="300">
<img src="img3.jpg" width="410" height="300">
</div>
<div id="controls">
<a id="prev" href="#"><img src="back.png" border="0"></a>
<a id="next" href="#"><img src="next.png" border="0"></a>
</div>
</body>
</html>Carregando comentários...