le_gber - 3:45 pm on May 8, 2009 (gmt 0)

Hi irthom,

Using js is the right way to go, but I would simplify your code as follow:
blank iphone image:
<img src="/path-to-your-blank-iphone-img.jpg" name="mainpic" alt="" />

and on your rollover links

<a href="#" onmouseover="document.mainpic.src='/path-to-your-first-iphone-img.jpg'" onmouseout="document.mainpic.src='/path-to-your-blank-iphone-img.jpg'"><img src="/iphone-thumb1.jpg" alt="" /></a>

<a href="#" onmouseover="document.mainpic.src='/path-to-your-second-iphone-img.jpg'" onmouseout="document.mainpic.src='/path-to-your-blank-iphone-img.jpg'"><img src="/iphone-thumb2.jpg" alt="" /></a>

what's in bold should be the same name :)