Ir para conteúdo

POWERED BY:

Arquivado

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

Anderson web

[Resolvido] Adicionar texto abaixo de imagem - transição

Por , em Javascript

Recommended Posts

Anderson web    1

Anderson web
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Anderson web    1

Anderson web
Postado

Olá pessoal, já achei achei a solução:

 

after:     function() {
           $('#caption').html(this.alt);

       }

 

<div id="slideshow">



<img src="img1.jpg" width="410" height="300" alt="teste1">

<img src="img2.jpg" width="410" height="300" alt="teste2">

<img src="img3.jpg" width="410" height="300" alt="teste3">

   </div>

<div id="caption"></div>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito