Colocar Resposta 
 
Avaliação do Tópico:
  • 0 votos - 0 Média
  • 1
  • 2
  • 3
  • 4
  • 5
Efeito lightbox mas ocultar o title ao passar o rato por cima
13-06-2011, 14:27
Mensagem: #1
Efeito lightbox mas ocultar o title ao passar o rato por cima
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?
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
13-06-2011, 14:40
Mensagem: #2
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima
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.

BrunoBernardino.com
Visitar Website de este utilizador Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
13-06-2011, 15:27
Mensagem: #3
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima
tentei assim mas a o conteudo da div desapareceu
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
13-06-2011, 15:32
Mensagem: #4
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima
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.'); ?>

BrunoBernardino.com
Visitar Website de este utilizador Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
13-06-2011, 16:05 (Esta mensagem foi modificada pela última vez a: 13-06-2011 16:24 por Suesana.)
Mensagem: #5
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima
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
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
14-06-2011, 14:18
Mensagem: #6
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima
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/stylis...webdesign/
http://flowplayer.org/tools/tooltip/index.html
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
14-06-2011, 14:25
Mensagem: #7
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima
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?
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
14-06-2011, 14:31 (Esta mensagem foi modificada pela última vez a: 14-06-2011 14:31 por Bruno Bernardino.)
Mensagem: #8
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima
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)

BrunoBernardino.com
Visitar Website de este utilizador Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
14-06-2011, 23:46
Mensagem: #9
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima
(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/
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
15-06-2011, 09:33
Mensagem: #10
RE: Efeito lightbox mas ocultar o title ao passar o rato por cima
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
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
Colocar Resposta 


Saltar Fórum:


Utilizadores a ver este tópico: 2 Visitante(s)