JavaScript assignment 5


lab1: Create a rollover with one image that changes to another onMouseOver.

This is my Hello/lab 2 image

Source:

<head>

<SCRIPT TYPE="text/javascript" LANGUAGE=JavaScript>
<!--
if (document.images) {
// preload inactive images
testoff = new Image();
testoff.src = "lesson_5/test.jpg";
// preload active images
teston = new Image();
teston.src = "lesson_5/teston.jpg";
}
function image_activate(imageName) {
if (document.images) {
imageOn = eval(imageName + "on.src");
document [imageName].src = imageOn;
}
}
function image_inactivate(imageName) {
if (document.images) {
imageOff = eval(imageName + "off.src");
document [imageName].src = imageOff;
}
}
// -->
</SCRIPT>

</head>

<body>

<a HREF="lesson_5_lab_2.html" onMouseOver="image_activate('test')" onMouseOut="image_inactivate('test')">
<IMG SRC="lesson_5/test.jpg" NAME="test" ALT="This is my Hello/lab 2 image" WIDTH=150 HEIGHT=150 BORDER=0>
</a>

</body>