[Resolvido] plugin jquery tootsip

[Eduardo Giullyanny 1]

bom dia amigos.

 

estou com uma dificuldade ao usar o plugin tooltip...

 

é mais ou menos assim.: o plugin funciona normal, mas eu tb estou usando o jcarousellite, todos jquery

os dois estão funcionando juntos, o q está dando problema é que o jcarousel está em auto de 10 segundos, as imagens q primeiramente aparecem exibidas aparece o balao informativo do tooltip, mas qdo o jcarousel é levado para a próxima imagem, ele então não aparecem nas imagens q ficavam escondidas, estou usando a forma mais simples de configuração deles.

 

Vejam os codigo.:

 

js toolstip.:

<script type="text/javascript">$(".CImgGeral img[title]").tooltip();</script>

css toolstip.:

<style type="text/css">.tooltip {display:none; padding:20px; background: transparent url(_img/white_arrow.png) no-repeat; width:207px; height:120px; color:4FA392; font:bold 10px Tahoma, Geneva, sans-serif; z-index:4;}</style>

 

js jcarousel.:

             $(function(){
		$(".CImgGeral").jCarouselLite({
			btnNext: ".pro",
			btnPrev: ".ant",
			visible: 5,
			scroll: 5,
			auto: 10000,
			speed: 1000				
		})

 

Estrutura html.:

<div id="galeria">
   	<div class="cem_por_cento"><a href="?nav=fotos" title="Veja as fotos"><img src="_img/title_galerias.gif" width="194" height="28" title="Galerias" /></a></div>
       <img src="_img/bt_galeria_ant.gif" width="31" height="31" class="ant" title="Imagens anteriores" />
       <img src="_img/bt_galeria_pro.gif" width="31" height="31" class="pro" title="Proximas imagens" />
       <div class="CImgGeral">
           <ul>
       <?php
		$sqlGalerias = "SELECT * FROM galerias ORDER BY dataGalerias DESC LIMIT 0,30";
		$queryGalerias = mysql_query($sqlGalerias) or die (mysql_error());
		mysql_data_seek($queryGalerias, 0);
		while($rowGalerias = mysql_fetch_object($queryGalerias)){
	?>
               <li><a href="?nav=fotos&id=<?= $rowGalerias->idGalerias; ?>"><img src="_img/_upload/galerias/<?php echo $rowGalerias->imgGalerias; ?>" alt="" title="<?php echo $rowGalerias->tituloGalerias . " - " . implode('.', array_reverse(explode('-', $rowGalerias->dataGalerias)));?>" width="160" height="110" /></a></li>
	<?php
		}
	?>
           </ul>
       </div>
   </div>

 

agradeço desde já...

[nelsonsar 0]

Você está colocando o script do tooltip no $(document).ready()?

[Eduardo Giullyanny 1]

não estou colocando daquela forma do script

 

opá deu certo amigos.:

 

depois de tentar com o $(document)

 

eu tentei com $(function) e deu certo

 

ficou assim.:

<script type="text/javascript">
$(function(){
	$(".CImgGeral img[title]").tooltip()
});
</script>