To make zooming image rollovers in your document you need to download the demo files and modify your document as follows :- put the the following in the <head> section of your document :- <!-- *** BEGIN CUT - Start Code *** -->
<!-- (* Another free JavaScript © from JavaScript-FX.com *) --> <SCRIPT LANGUAGE="javascript" SRC="javascript/JSFX_ImageFader.js"></SCRIPT> <!-- *** END CUT - End Code *** --> Put the following on the <body> of your document, where you want the link :- <A HREF="home.html"><IMG
SRC="images/home.gif" BORDER="0" NAME="home" onMouseOver="JSFX.zoomIn(this)" onMouseOut="JSFX.zoomOut(this)"></A> If you want the images to just stretch put the following on the <body> of your document, where you want the link :- <A HREF="home.html"><IMG
SRC="images/home.gif" BORDER="0" NAME="home" onMouseOver="JSFX.stretchIn(this)" onMouseOut="JSFX.zoomOut(this)"></A> If you want the images to just expand put the following on the <body>
of your document, where you want the link :- <A HREF="home.html"><IMG
SRC="images/home.gif" BORDER="0" NAME="home" onMouseOver="JSFX.expandIn(this)" onMouseOut="JSFX.zoomOut(this)"></A>
If you want to change the speed and size of the zoom effect use the following parameters:- <A HREF="home.html"><IMG
SRC="images/home.gif" BORDER="0" NAME="home" onMouseOver="JSFX.zoomIn(this, 10, 60)" onMouseOut="JSFX.zoomOut(this)" class="imageFader"></A>
Where :- Also See... |