Trying to get a Rollover image to work.

Hey everyone,

I’ve been puzzling over this for a day or two now. I’m trying to get a rollover image to appear in the ‘widgets’ section on this site (https://diy-solar-and-wind-energy.co.uk/) but cannot for the life of me see how to get it working.

Right or wrong, this is the code I’ve been working with:

<!--start_raw-->
<a href=‘https://diy-solar-and-wind-energy.co.uk’ target="_top"
onmouseover="document.sub_but.src=’https://diy-solar-and-wind-energy.co.uk/wp-content/uploads/2010/11/E4E-visit-button-over-485x150-v1.gif’"
onmouseout="document.sub_but.src=’https://diy-solar-and-wind-energy.co.uk/wp-content/uploads/2010/11/E4E-visit-button-out-485x150-v1.gif’">
<img src=’https://diy-solar-and-wind-energy.co.uk/wp-content/uploads/2010/11/E4E-visit-button-out-485x150-v1.gif’ width="485px" height="150px" alt="Move your mouse over me" name="sub_but"></a><!--end_raw-->

Any assistance would be greatly appreciated!