+- Forum Pplware (http://forum.pplware.com)
+-- Fórum: Mais Tech (/forumdisplay.php?fid=11)
+--- Fórum: Programação e Web (/forumdisplay.php?fid=16)
+--- Tópico: Efeito lightbox mas ocultar o title ao passar o rato por cima (/showthread.php?tid=9173)
Efeito lightbox mas ocultar o title ao passar o rato por cima - Suesana - 13-06-2011 14:27
Boas, no meu site tem a galeria como lightbox e na parte do title(que é onde vai aparecer a imagem em grande) eu coloquei algumas informações sobre o produto.
PAsso a mostrar:
<a href="../imagens/<?php echo $imagem ?>" rel="lightbox[roadtrip]" title="<b class=avisos><?php echo $nome_produto ?></b><br /><br /><b class=bold>Preço:</b> <?php echo $preco ?>€<br/><br/> <b class=bold>Quantidades disponíveis:</b> <?php echo $quant_disponiveis ?><br/><br/> <?php echo $descricao ?> <br /> <br /> ">
e dá tudo correcto, só que aquando passo o rato por cima da foto aparece isto:
<b class=avisos>Brinquedo</b><br /><br /><b class=bold>Preço:</b> 9 €<br/><br/> <b class=bold>Quantidades disponíveis:</b> 3 <br/><br/> è um brinquedo que pode ser utilizado para escrever <br /> <br />
Tem como não aparecer isto ao passar o rato por cima?
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima - Bruno Bernardino - 13-06-2011 14:40
O <b> é uma tag "deprecated", deverias utilizar o <strong> em vez disso.
De qualquer das formas, se envolveres tudo num "wrapper", do tipo:
<div id="light-desc-wrapper">HTML TODO QUE TENS</div>
depois podes colocar o seguinte no CSS:
#light-desc-wrapper { display: none !important; }
e deverá funcionar bem sem problema.
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima - Suesana - 13-06-2011 15:27
tentei assim mas a o conteudo da div desapareceu
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima - Bruno Bernardino - 13-06-2011 15:32
Ah, o objectivo é aparecer o conteúdo, mas sem o HTML (tinha percebido que não queria ver mesmo o conteúdo).
Terás então de colocar tudo dentro de htmlentities();
Ex: <?php echo htmlentities('<strong>Isto está em Bold</strong>, mas '.$variavel.' já não.'); ?>
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima - Suesana - 13-06-2011 16:05
Assim:
title="<?php echo htmlentities('<b class=avisos><?php echo $nome_produto ?></b><br /><br /><b class=bold>Preço:</b> <?php echo $preco ?>€<br/><br/> <b class=bold>Quantidades disponíveis:</b> <?php echo $quant_disponiveis ?><br/><br/> <?php echo $descricao ?> <br /> <br /> <b class=compras>Para encomendar faça login ou registe-se!<br /> </b>'); ?> ">
aparece na mesma com uma diferença, os caracteres especiais aparecem todos esquesitos
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima - Mettafox - 14-06-2011 14:18
Através do atributo title é impossível usar HTML, a não ser que uses um DIV para servir de title.
Tens duas opções, ou removes o HTML que tens no atributo title (title="etc etc"), ou removes definitivamente o atributo.
Também tens a hipótese de usares um DIV para efeito title.
Podes usar o jQuery Tooltip, para substituir o outro title do lightbox.
http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/
http://flowplayer.org/tools/tooltip/index.html
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima - Suesana - 14-06-2011 14:25
eu não percebo nada de JQuery mas pelo que li na net, diz que não é compatível com lightbox, posso ate estar a dizer uma grande asneira mas não faz mal fazer isso?
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima - Bruno Bernardino - 14-06-2011 14:31
Não é impossível como o Mettafox disse, tens é de usar html entities.
O código que tinhas estava errado, deveria ser algo como (só a parte do atributo):
Código:
title="<?php echo htmlentities('<b class=avisos>'.$nome_produto.'</b><br /><br /><b class=bold>Preço:</b> '.$preco.'€<br/><br/> <b class=bold>Quantidades disponíveis:</b> '.$quant_disponiveis.'<br/><br/> '.$descricao.' <br /> <br /> <b class=compras>Para encomendar faça login ou registe-se!<br /> </b>'); ?>"Se te aparecer com caracteres esquisitos, confirma que estás a usar um charset adequado na BD (ou de onde quer que venham essas variáveis) e no ficheiro (o melhor será UTF-8, mas muitos programas utilizam ISO-8859-1 por omissão)
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima - Mettafox - 14-06-2011 23:46
(14-06-2011 14:25)Suesana Escreveu: eu não percebo nada de JQuery mas pelo que li na net, diz que não é compatível com lightbox, posso ate estar a dizer uma grande asneira mas não faz mal fazer isso?
jQuery incompatível com o lightbox?
Quem o disse, deve-se ter enganado.
jQuery é um framework para Javascript, e o Lightbox é feito em Javascript e também já existe em jQuery: http://leandrovieira.com/projects/jquery/lightbox/
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima - Suesana - 15-06-2011 09:33
isso não sei mesmo, foi o que li na Internet, já não em lembro do site mas então é porque se enganaram. Obrigada