Mouseover image code generator

Add some jazz to your images, and have them change when you pass your mouse over them. Use the mouseover generator below to create your code for you.
  • Enter the image URL for the base image you want displayed
  • Enter the URL for the image you want it to change to on mouseover
  • Enter the URL that you want the image to link to (including https:// if you want to see a preview)
  • If you don't want the image linked, leave the link url out
  • Code is included to pre-load images to reduce loading time when mousing over
Examples:

Pass your mouse
over this image

This image is linked
click to open in new window

Set the border radius to 50% to achieve this look
Image details
Image ID:
Must be unique
URL of main image:
URL of mouseover image:
'Alt' text (title):
Recommended
URL for link:
Optional

Image style
Width:
px
Leave at 0 if you don't want to set the width
Height:
px
Leave at 0 if you don't want to set the height
Cursor:
Border style:
Border radius:
Code options
Choose how you want the code created
Scripting type:
Unsure? Choose plain javascript
CSS layout:
Unsure? Leave it inline
Share the Mouseover image code generator on Facebook