Here, I'm going to show you how to easily create hover images. There'll be no Javascript file you'll need. It's really quite easy to do. Then, at the end, I'm going to show you how to create a hover affiliates thing, which'll need no external script. At all.

First of all, I'm going to show you how to change the image on hover of an image.

<img src="default.png" onmouseover="this.src=='onhover.png';" onmouseout="this.src=='default.png';" />

Quite simple, eh? Well, then I'm going to show you how to make other images change when you hover over an element, for example, a link.

<img src="http://www.pokenova.eeveeshq.com/coldfusion/pokemon.gif" name="hover" /> <a href="link.html" onmouseover="hover.src='onhover.png';" onmouseout="hover.src='default.png';">Link</a>

Now that we know that, we can now create a hover affiliates section!

<img src="hover.png" name="hoveraffiliates"> <a href="affiliate1" onmouseover="hoveraffiliates.src='affiliate1.gif';" onmouseout="hoveraffiliates.src='hover.png';">Affiliate 1</a> <a href="affiliate2" onmouseover="hoveraffiliates.src='affiliate2.gif';" onmouseout="hoveraffiliates.src='hover.png';">Affiliate 2</a> <a href="affiliate3" onmouseover="hoveraffiliates.src='affiliate3.gif';" onmouseout="hoveraffiliates.src='hover.png';">Affiliate 3</a>

Keep adding links for each affiliate you want to be on the hover list. And, you've got your hover affiliates list! It's not hard, and not long, and it's not very hard to configure! Each image depends on itself only, so if one image stops working, the whole hover list won't stop working! But most importantly, it's simple. Really simple. Have fun with it!