Ir para conteúdo
Fórum Script Brasil
  • 0

Links com imagem


Guest Francivaldo Magalhaes

Pergunta

Guest Francivaldo Magalhaes

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.

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

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>

Link para o comentário
Compartilhar em outros sites

  • 0

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é..

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...