1 reply to this topic

[vessco]

Bom dia a todos,

Gostaria de saber se vocês poderiam me ajudar com uma dúvida.
Eu tenho um menu, e o usuário ao passar o mouse em cima de cada opção deste menu iria gerar um rollover de imagens em uma div separada da do menu. Conforme o exemplo anexado.

Tenho uma idéia que possa ser algo da seguinte forma:

function trocaImagem(imagem,div){
$("#"+div).html('<img src="'+imagem+'"/>');
}

ai no <li onmouseover="javascript:trocaImagem('imagens/garrafa-de-coka.jpg','garrafa');">

Porém não estou conseguindo implementar, alguem poderia me dar uma luz?

Muito obrigado pela ajuda desde já.

Attached Files

•  imagemduvida.jpg   60.65KB   12 downloads

[shayllis]

não usa JS para isso não, isso pode ser feito via CSS
.linha .miniatura{
visibility: hidden;
}
.linha:hover .miniatura{
visibility: visible;
}