Forum Pplware
Efeito lightbox mas ocultar o title ao passar o rato por cima - Versão de Impressão

+- 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