Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, eu estou com a seguinte dúvida:
Possuo uma página simples com imagens, quando a pessoa passar o mouse sobre a imagem eu gostaria que emitisse um alerta com um determinado "valor" da imagem, tipo o exemplo:
<div id="imagens">
<img src="a.jpg" value="1" onmouseover="alert(this.value)"/>
<img src="b.jpg" value="2" onmouseover="alert(this.value)"/>
<img src="c.jpg" value="3" onmouseover="alert(this.value)"/>
<img src="d.jpg" value="4" onmouseover="alert(this.value)"/>
</div>
Mas o que eu gostaria que acontecesse é que eu não precisasse de colocar esse onmouseover em cada imagem, que fosse dinâmico, relacionado à todas as imagens dentro do div com id="imagens". Já vi isso similar aqui no fórum, mas pra radio, o código era esse:
<script>
function faz(){
alert("k");
}
window.onload=function(){
for(var x = 1; x < 5; x++){
document.getElementById("r"+x).onclick=function(){
faz();
}
}
}
</script>
<input type="radio" id="r1" value="a" name="r" />A<br />
<input type="radio" id="r2" value="b" name="r" />B<br />
<input type="radio" id="r3" value="c" name="r" />C<br />
<input type="radio" id="r4" value="d" name="r" />D<br />
Mas esse não me atende pois depende que haja um id, gostaria que toda vez que o mouse passasse sobre o div, ele verificasse na função se é uma imagem que ele está sobre, se sim, alert no "value" dela..
Ps.: não tenho certeza se pode atribuir o "value" pra imagens e isso funcionará em todos os browsers, se não, gostaria de uma solução pra isso também. O mesmo pra atribuição dinâmica do evento onmouseover.
Muito obrigado!
Carregando comentários...