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 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á...
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>
Você está colocando o script do tooltip no $(document).ready()?