Rollovers

Do you want to know how to make a picture change when you roll your mouse over it?

First, you need to put the javascript code in your header. Here is an example:

<script type="text/javascript"> /* <![CDATA[ */ <!-- Begin image1 = new Image(); image1.src = "onimage.gif"; // End --> /* ]]> */ </script>

This shows one rollover. If you want more than one then for the next one make sure that you label it image2. Example:

<script type="text/javascript"> /* <![CDATA[ */ <!-- Begin image1 = new Image(); image1.src = "onimage.gif"; image2 = new Image(); image2.src = "onimage2.gif"; // End --> /* ]]> */ </script>

Now, to put the rollover on your page. Make sure to put this code under your layout image code. If you don't then your layout image will be over top of the rollovers. Here is the code:

<div style="position:absolute; left:300; top:400; overflow:no"> <a href="URL HERE" onmouseover="image1.src='onimage.gif';" onmouseout="image1.src='outimage.gif';"> <img name="image1" src="outimage.gif" border=0></a> </div>

The onimage replaces the outimage. It includes position:absolute so you can position it on your page where you want it. Where it says URL HERE put the URL you want it to link to. Now, if you want more than one rollover than here is the code that includes another one:

<div style="position:absolute; left:300; top:400; overflow:no"> <a href="URL HERE" onmouseover="image1.src='onimage.gif';" onmouseout="image1.src='outimage.gif';" /> <img name="image1" src="outimage.gif" border="0" alt="" /></a> </div> <div style="position:absolute; left:500; top:600; overflow:no"> <a href="URL HERE" onmouseover="image2.src='onimage2.gif';" onmouseout="image2.src='outimage2.gif';" /> <img name="image2" src="outimage2.gif" border="0" alt="" /></a> </div>

I hope that this helped you. Is there anything I should add? Just let me know!

Welcome

Welcome to to my little corner of the web. This is my personal space to blog and display my works and for whatever I want. Feel free to browse around.

About Me

I'm Jenny. I'm 19. I live in Waverly, Iowa in the U.S. I have one sibling, my sister, Lisa. I have a cat, Pepper. He's all black and can be loving one minute and then chomp down on your arm the next minute. I work at Digital Dog Pound Video in Waverly. It is a movie rental and tanning place. I am going to Hawkeye Community College for webdesign. I am only in my second semester so I still have a lot to learn. more?

Calendar

March 2008
S	M	T	W	T	F	S
						1
2	3	4	5	6	7	8
		11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

Link Me

<a href="http://www.wishable.net" target="new"><img src="http://i50.photobucket.com/albums/f314/angel37606/buttons/linkme024-1.gif" alt="Jenny @ wishable.net" border="0" /></a>
more?

Site Spotlight