How Do You Make A Javascript Image Rollover?
A JavaScript image rollover is an interesting group of HTML and JavaScript code; when a website user points at a picture, another image takes its place. When the user moves the mouse away from the picture, the original image comes back into view. After finding two pictures that you wish to use, follow these directions to make an image rollover of your own. Write the code to tell the picture how to behave when the mouse cursor moves over the picture or away from the picture, as follows. “SamplePage.html” can be replaced with any link of your choice. Notice that “pictureTwo.src” and “pictureOne.src” match the object names you established above. onMouseOver=”document.sample.src = pictureTwo.src;” onMouseOut=”document.sample.src = pictureOne.src;”> Tell the document which picture to display when the page first loads. Notice by naming the image container “sample,” you are using the same object name as the previous group of code (document.sample.src). Name=”sample”> Finish coding your docume
