Prepare for much code.
Perhaps you could use an OnChange element?
Which just changes something when the value of an element is changed.
<input type="text" name="txt" value="Hello" onchange="checkField(this.value)">
This one fires as soon as some text has been selected, so you could set a highlight of the image whenever you select the name of it from a list in the page.
This one simply displays something of your choosing when a certain key is pressed down, this one is easy to play with.
<input type="text" onselect="showMsg() value="Hello world!">
This one activates something when a button is clicked. You could add the image popping out whenever said button is pressed.
<input type="text" onkeypress="displayResult()">
When you're moving your mouse over an image, this can be made to make it pop out or be otherwise brought into view.
<button onclick="copyText()">Copy Text</button>
<img onmousemove="bigImg(this)" src="smiley.gif" alt="Smiley">
Hope this helps.
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
Code obtained from w3schools.com.