[Resolvido] Exibir Imagem ao passar o mouse sobre link.

[Elizandro Tavares 2]

Boa Tarde

Por gentileza.

O código abaixo cria um link com o nome de um monstro ($m['name']) e a porcentagem de largar um item ($m['dropper']).

o resultado gerado é:

Poeira (0.01%) que no caso é o link.

 

quando eu passar o mouse sobre Poeira (0.01%) eu gostaria que aparecesse a imagem do monstro poeira que no caso seria pego com o link:

http://site.com/media/monster/$m['id'].gif

 

  $alice .= "<a href=\"http://" . "/site.com/?act=teste". $m['id'] ."\">". $m['name'] ."</a>$mBind (". $m['dropper'] ."%) -- "; 

 

Agradeço a colaboração.

[Rafael Fernandes_150844 2]

Vai ter que usar jQuery

[Elizandro Tavares 2]

Tentei usando:

 

<script language="Javascript">
<!--
function ShowPicture(id,Source) {
if (Source=="1"){
if (document.layers) document.layers[''+id+''].visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
}
else
if (Source=="0"){
if (document.layers) document.layers[''+id+''].visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}
//-->
</script>
<style type="text/css">
#Style {
position:absolute; 
visibility:hidden;
border:solid 1px #CCC;
padding:5px;

}
</style>

 

$alice .= "<a href=\"http://" . "/ragdb.com/?act=mobsearch&cid=ON&id=". $m['id'] ."\">". $m['name'] ." onMouseOver="ShowPicture('Style',1)" onMouseOut="ShowPicture('Style',0)</a><div id="Style">$mBind (". $m['dropper'] ."%) -- "</div>;

 

 

Alguém poderia dar uma revisada onde eu errei...

obrigado.

[Elizandro Tavares 2]

testei assim e naum deu certo

 

$alice .= "<a href=\"http://" . "/site.com/?act=mobsearch&cid=ON&id=". $m['id'] ."\" onMouseOver="ShowPicture('Style',1)" onMouseOut="ShowPicture('Style',0)'>". $m['name'] ."</a>$mBind (". $m['dropper'] ."%) --  <div id='Style'>$image</div>";

 

Dá erro: Parse error: syntax error, unexpected T_STRING in

 

Poderiam me dar um dica de onde estou errando:

[Elizandro Tavares 2]

A parte do erro foi resolvida e a imagem aparece certinho agora ao passar o mouse e desaparece ao tirar o mouse, porém.

Código Funcionando:

$alice .= "<a href=\"http://" . "/site.com/?act=mobsearch&cid=ON&id=". $m['id'] ."\" onMouseOver=\"ShowPicture('Style',1);\" onMouseOut=\"ShowPicture('Style',0);\">". $m['name'] ."</a>$mBind (". $m['dropper'] ."%) --  <div id='Style'><img src=/media/monster/{$m['id']}.gif></div>";

 

 

Link1: Poeira (10%) - Aparece a imagem do monstro poeira perfeitamente.

 

Link2: Poring (20%) - Aparece a imagem da poeira

 

Link3: Baphomet (7%) - Aparece a imagem da poeira

 

Modifiquei a posição da DIV para antes do link mas não obtive sucesso.

 

Desde já agradeço a colaboração.

[Elizandro Tavares 2]

Obrigado a todos que ajudaram... resolvi com jquery

 

RESOLVIDO.