Question

When the mouse cursor moves over an image, I would like to display an alert() containing the value of that image’s src attribute. How could I go about accomplishing this?

Answer 1

You can use the mouseover event.

If you have

<img src='foo.jpg' id='bar'>

You can have some jQuery code like

$('#bar').mouseover(function(){ alert($(this).attr('src')); });

(if this fails you could also try replacing $(this) with $('#bar'), but as noted in the comments it’s pretty ugly)

edit: missed the need to display the src attribute first time through..