Javascript Question

Would someone have a snippet of code that would allow me to do the same
thing seen on
http://www.overstock.com/cgi-bin/d2.cgi?PAGE=PROFRAME&PROD_ID=666398

On this page, is a main picture, below it is 3 more. If you place your
mouse over one of the smaller pics, it shows up in the main picture. If you
click the picture, it remains as the main picture.

Thank you

On Thu, 06 May 2004 02:16:43 GMT, "a:\" <no DeleteThis @spam.com> wrote:

 > Would someone have a snippet of code that would allow me to do the same
 > thing seen on
<font color=purple> > <a style='text-decoration: underline;' href="http://www.overstock.com/cgi-bin/d2.cgi?PAGE=PROFRAME&PROD_ID=666398</font" target="_blank">http://www.overstock.com/cgi-bin/d2.cgi?PAGE=PROFRAME&PROD_ID=666398</font</a>>
 >
 > On this page, is a main picture, below it is 3 more. If you place your
 > mouse over one of the smaller pics, it shows up in the main picture. If
 > you
 > click the picture, it remains as the main picture.

<img id="mainpic" src="mainpic1.jpg" alt="Main Image" />

<img src="minipic1.jpg" alt="Mini Image 1"
onmouseover="document.getElementById('mainpic').src='mainpic1.jpg';" />
<img src="minipic2.jpg" alt="Mini Image 2"
onmouseover="document.getElementById('mainpic').src='mainpic2.jpg';" />
<img src="minipic3.jpg" alt="Mini Image 3"
onmouseover="document.getElementById('mainpic').src='mainpic3.jpg';" />

A step better would be to preload the images.

The best method would be to use only CSS :hover styles and single image
files to do it, but that's much more complicated.

Grey

--
The technical axiom that nothing is impossible sinisterly implies the
pitfall corollory that nothing is ridiculous.
- <a style='text-decoration: underline;' href="http://www.greywyvern.com" target="_blank">http://www.greywyvern.com</a> - ORCA - Camouflaged PHP Web Scripts.<!-- ~MESSAGE_AFTER~ -->