rollovers

To create a mouse rollover with link: media type="custom" key="2577699" Create a rollover (where the image changes when the mouse hovers over it) and link it to a new page.

1. Prepare the two images you want to use for the rollovers. They should be exactly the same size. 2. Upload them to wikispace using the 'insert images and files' button. 3. Copy the code below and paste into the 'Other HTML' in the embed widget button. code  code I have put in line breaks to fit it on this page. Make sure you don't have any line breaks in your code. If you cannot take them out, copy the code from here as I have taken out the line breaks.

4. This part is the link where you want it to go. code  code Change the url to the place you want the link to take you.

5. This part is the image that will show when the page loads. code <img src="http://gettingtrickywithwikis.wikispaces.com/space/showimage/mouse1.jpg"

code Replace my url with your own - keep the /space/showimage/ part - just replace the wikispaces url and the image name

6. This part is the image that will show when you roll the mouse over. code onmouseover="this.src='http://gettingtrickywithwikis.wikispaces.com/space/showimage/mouse2.jpg';" code Replace my url with your own - keep the /space/showimage/ part - just replace the wikispaces url and the image name

7. This part is the image that will show when you move the mouse away. code onmouseout="this.src='http://gettingtrickywithwikis.wikispaces.com/space/showimage/mouse1.jpg';" /> code Replace my url with your own - keep the /space/showimage/ part - just replace the wikispaces url and the image name

 __ Other rollover techniques: __