Hello,

I am trying to get the following idea to work. The concept is to have one large image above four div containers that hold text. When a user hovers over one of the four divs the large image above them will transition to a new image, etc.

Basically I have one div containing the large image and then four smaller divs in a row bellow it.
I tried using the function: document.getElementById('x').src=""; and wrapping a <a> around one of the four div's and link it to the function but it did not work.

If anyone can help or has a link that could put me in the right direction I would appreciate it! Thanks!