Image Rollovers
This is a fun code for image roll overs. Just run your cursor over the image below to see a example if you aren't familar with image roll overs. Example

First you'll want to make your two images that you want to create the roll over. Here are the two images that I used.

Copy and paste this code into your < head > tags
<script type="text/javascript"> function init() { if (!document.getElementById) return var imgOriginSrc; var imgTemp = new Array(); var imgarr = document.getElementsByTagName('img'); for (var i = 0; i < imgarr.length; i++) { if (imgarr[i].getAttribute('hsrc')) { imgTemp[i] = new Image(); imgTemp[i].src = imgarr[i].getAttribute('hsrc'); imgarr[i].onmouseover = function() { imgOriginSrc = this.getAttribute('src'); this.setAttribute('src',this.getAttribute('hsrc')) } imgarr[i].onmouseout = function() { this.setAttribute('src',imgOriginSrc) } } } } onload=init; </script>

Now copy and paste this code where you want your image roll over to appear on your website. Make sure you change IMAGE HERE1 with the url of your first image and IMAGE HERE2 with the url of your second image.

<img src="IMAGE HERE1" hsrc="IMAGE HERE2">

KAOSUJUNKIE.NET Design & Content © TRO
Do Not Remove CONTENT Without Permission

Welcome Welcome to KAOSUJUNKIE, the personal website of Tro which features not only her personal blog but some tutorials and freebies that have been added to the domain due to pure boredom on my part. Feel free to take a look around and leave a comment if you see something you like.

CHAOTIC The Girl
Fanlistings
Last.FM
Home

DOMAIN KaosuJunkie
Hosted
Hosting
Layout

FOR YOU Tutorials
Layouts
Wallpapers
Fonts
Extras

EXIT Affiliates
Link In
Links Out
Credits