Assignments    Calendar/Schedule    Table of Contents    Resources    |    MY Assignments    My COIN 70b Home

Martha's COIN 70b Assignment 233

Back Button Image Swap



Change Image Color 
(233.htm)

   1. Create an image onMouseOver that swaps the image and takes the user back to 231.htm when the user clicks
   on the image. Use the images on the Images Page.
   2. Include a status bar message to go along with the onMouseOver.
   3. Make sure that you have a onMouseOut that leaves the status bar empty when the user leaves the image.
   4. Also make sure that you use "if (document.images)" and pre-load the images.
   5. Include one "text hyperlink" on the page that "points" to & explains 231.htm by using a onMouseOver.
   Make sure that you have a onMouseOut that leaves the status bar empty when the user leaves the hyperlink.

Sample Template

Sample Script

if (document.images) {
     arrowRed = new Image();
     arrowRed.src = 'images/redArrow.gif';

     arrowBlue = new Image();
     arrowBlue.src = 'images/blueArrow.gif';
}

function ArrowOn() {
     if (document.images) document.arrow.src = arrowRed.src;
     status = "Notice that the Blue Arrow is now Red";
}

function ArrowOff() {
     if (document.images) document.arrow.src = arrowBlue.src;
     status = "";
}

BODY:
<A HREF="../../index.html"
  onMouseOver="ArrowOn(); return true;"
  onMouseOut="ArrowOff();">
Next page
</A>

<IMG SRC="../../class/images/blueArrow.gif" NAME="arrow">

RETURN