Links com imagem

Outubro 22, 2008

Bom dia,

Gostaria de saber se tem como colocar uma imagem num link e ao passar o mouse o mesmo aparecesse. Já vi isso num site bíblico que durante o texto haviam várias palavras sublinhadas como se fossem links e quando o mouse era passado por cima da palavra aparecia uma foto correspondente àquela palavra ou ao contexto da frase. Lembro bem da palavra "JERUSALEM" e ao passar o mouse aparecia uma foto da cidade.

Espero ter sido claro. Qualquer ajuda é bem-vinda.

TibumWeb · Outubro 22, 2008

Testa esse código e me diz se era isso que você queria:

<html>
<head>

<title>Imagem</title>

<script>
function openImagem(id){    
    if (id== 1){
        document.getElementById("desc1").style.display="block";
    }else{
        document.getElementById("desc1").style.display="none";
    }
}

function fechaImagem(){    

    document.getElementById("desc1").style.display="none";

}
</script> 

<style>
    .imagem1{display:none;}
</style>

</head>

<body>

<a href="#" onmouseout="fechaImagem()"><img class="imagem1" id="desc1" src="nome_da_imagem_.jpg" border="0" /></a>

<a href="#" onmouseover="openImagem(1)">Aparece Imagem</a>

</body>
</html>

Hericksnake · Outubro 22, 2008

Olá amigo,

Tem sim. Dê uma pesquisada sobre umas APIs em javascript que fazem Tooltip. Assim, você põe um onMouseOver e onMouseOut sobre o seu link. Lembre-se que esse Tooltip deve ser capaz de suportar código html dentro dele, assim, você além de por uma imagem pode por o que quiser dentro dele.

Uma que eu achei fácil se chama wz_tooltip. Dá uma procurada que você acha uma página com vários exemplos e com a documentação.

Até..

Outubro 22, 2008

Puxa, é isso mesmo! Agora vou fazer algumas implementações de layout mas isso eu me viro. Muitissimo obrigado!

Entrar

Links com imagem

Pergunta

Guest Francivaldo Magalhaes

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

TibumWeb

Link para o comentário

Compartilhar em outros sites

Hericksnake

Link para o comentário

Compartilhar em outros sites

Guest Visitante

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades