hes using javascript from the quick glance at it
i dont have script handy for you, but a quick google got me this for you:
I think the best way is to find another script you can go
to
www.dynamicdrive.com they have about ten different
rollover scripts alone. They have tons of others, too.
Or you can use the one I use:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
5) Rollover Images
A rollover button is a image that is replaced with
another image when the mouse cursor is over it. To fully
create one from scratch, you would need to know a fair
amount of Java, and have a lot of patience. But for the
ones in this tutorial, you need neither.
To begin, start with the template, and add the first
image you should add an image to start with:
<html>
<head>
<title>
A Basic Rollover Image Test
</title>
</head>
<body>
<img src="image.jpg">
</body>
</html>
Give it a name:
<img src="image.jpg" id="rollover">
Add the JavaScript in the head, after the title:
<html>
<head>
<title>
A Basic Rollover Image Test
</title>
<script type="text/javascript">
// If you add the double forward slash, it is skipped and seen as a comment.
// Declare the first image:
startimage = new Image
// Where 'startimage' is, put a nickname for the first image
// Reveal the source of the image:
startimage.src = "image.jpg"
// Where "image.jpg" is, put the location (with respect to the .html file) of the first image in the rollover
// Declare the second image of the rollover:
endimage = new Image
// Where 'endimage' is, put a nickname for the second image
// Reveal the source of the second image:
endimage.src = "image2.jpg"
// Where "image2.jpg" is, put the location (with respect to the .html file) of the second image in the rollover
// You don't have to write these comments in to the code...
function mouseisover() {
document.rollover.src = endimage.src; return true;
}
function mouseisout() {
document.rollover.src = startimage.src; return true;
}
</script
</head>
<body>
<a
onmouseover="mouseisover"
onmouseout="mouseisout">
<img src="image.jpg" id="rollover">
</a>
</body>
</html>
There you go!!! When you hold the mouse over the
image, you'll see image2.jpg, when you move it away,
you'll see image.jpg. A word of caution, it is always wise
to use same-size images.
Blaze
Linear Mode
