Ir para conteúdo

POWERED BY:

Arquivado

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

Pedro Libório

Colocar legenda no JQUERY.CICLE

Por , em Javascript

Recommended Posts

Pedro Libório    0

Pedro Libório
Postado

Galera preciso de uma ajuda da galera que entende de jquery a respeito de como colcoar uma legenda no jquery-cicle (o script que cria um slide show).

Eu não utilizei outro script porque achei esse o mais fácil de manipular os efeitos, tempo de execução, dinamicidade etc...

Eu fui no site JQuery.cicle fui nas informações tecnicas encontrei sobre todo o resto menos sobre legendas.

No caso de não existir a função no proprio jqueri.cicle queria saber se tem uma maneira de criar um script de legenda pra usar aliado a ele.

 

Até...

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

basta manipular o html e o css.

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcelo sampaio    0

marcelo sampaio
Postado

Galera preciso de uma ajuda da galera que entende de jquery a respeito de como colcoar uma legenda no jquery-cicle (o script que cria um slide show).

Eu não utilizei outro script porque achei esse o mais fácil de manipular os efeitos, tempo de execução, dinamicidade etc...

Eu fui no site JQuery.cicle fui nas informações tecnicas encontrei sobre todo o resto menos sobre legendas.

No caso de não existir a função no proprio jqueri.cicle queria saber se tem uma maneira de criar um script de legenda pra usar aliado a ele.

 

Até...

 

 

Olha só aqui vai um exemplo de como colocar a legenda (Html/css), até pq não tem essa função nativa nele... depois tu só faz integrar com o jcycle.

o segredo das legendas estão nas "positions"

 

da um interpretada nesse script. =D espero ter ajudado!

até mais

 

 


  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>galeria</title>
<script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>



<style type="text/css">
body { font-family:Verdana, Geneva, sans-serif }
* { margin:0; padding:0 }
#galeria { width:700px; margin: 0 auto; padding:10px; border: 1px solid #333 }
#galeria ul { list-style:none }
#galeria ul li { float:left; height:150px; width:200px; border: 10px solid #EBEBEB; background:#E5E5E5; margin: 0 0 10px 10px; position:relative }
#galeria ul li h1 { position:absolute; top:110px; display:block; background:#F00; font-size:16px; padding:3px ; color:#FFF; width:194px}


</style>

</head>

<body>

<div id="galeria">
   	<ul>
       	<li>
           	<img src="http://www.lelilaschic.com.br/florpermanente.jpg"/>
               <h1> Legenda 01 </h1>
           </li>

       </ul>
       <div style="clear:both"></div>
   </div>

</body>
</html>

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