Creating a Myspace Image Rollover

• Here is an example of an image rollover:

Note: the image MUST be a link for it to work, but I added a line to the code to at least change the cursor to default so it wont change into a hand when you hover over it.

images used for this tutorial:
Source Image
Hover Image

• Make note of the height and width for your images, as you will need that information for the code.

• Use the code below as an example, and replace the URL's with your own URL's and make sure to also set the height and width to match the height and width of the images you are using. is in no way affiliated with
All references to Katamari™ are property of Namco Corp.