Picture Rollover

Make another picture rollover when you move your mouse over a link. Great for catalogues. Example uses a text link, you can also use a graphic link.

<br /> <a HREF=”xxx.html” mce_HREF=”xxx.html”<br ></a> OnMouseOver=”document.images['pic'].src=’pic_1234.gif’;”<br /> OnMouseOut=”document.images['pic'].src=’pic_off.gif’”>Item 1234:<br /> Granny Smith Apples</A></p> <p><IMG SRC=”pic_off.gif” mce_SRC=”pic_off.gif” WIDTH=”200″ HEIGHT=”200″ BORDER=”0″ NAME=”pic”> </p> <p>

Rollover Link and Picture

Rollover both the link image and another picture.

<br /> <a HREF=”xxx.html” mce_HREF=”xxx.html”<br ></a> OnMouseOver=”document.images['pic'].src=’pic_on.gif’;<br /> document.images['link'].src=’link_on.gif’;”<br /> OnMouseOut=”document.images['pic'].src=’pic_off.gif’;<br /> document.images['link'].src=’link_off.gif’”><IMG<br /> SRC=”link_off.gif” HEIGHT=”15″ WIDTH=”100″ BORDER=”0″ NAME=”link”></A></p> <p><IMG SRC=”pic_off.gif” mce_SRC=”pic_off.gif” WIDTH=”200″ HEIGHT=”200″ BORDER=”0″ NAME=”pic”><br />