welcome

Welcome to Pandino - a place where you can find helpful tutorials & graphics, shop for cute items and view my portfolio! Leave me a comment if you like - I will reply back as soon as possible. Hope to see you around!

status

Accepting - ORDER HERE!
$1/charity - Find out more

Current Orders

Leona Fusion - premade *
ChicFans - coded premade √
I Heart Emma - gallery header *
Robbie-Jarvis.com - forum header
Molly Sims Web - icons
dtanneant.com - coded layout *
Molly Sims Web - icons


Strike = completed
√ = paid
* = unpaid

onliners

» Hanna Fever
» Hanna Fever Gallery
» Hanna Fever Forums

site stats

OWNER: Jocelyn
HOST: Gertie!
DOMAIN BOUGHT BY: ALEX!
HITS:
LAUNCHED: May 6, 2008

link back

image rollovers

This code is very cool! You can use it for text, images, anything you want. Rollovers are similar to link hovers. When your mouse is placed over the image, another image is produced. It's very simple! I hope you like it :)

Firstly, you need to copy and paste this code onto your page. You can place it anywhere. The spot is not of importance because it will not show up on the screen. <script type="text/javascript"> /**************************************************** * DOM Image rollover: * by Chris Poole * http://chrispoole.com * Script featured on http://www.dynamicdrive.com * Keep this notice intact to use it :-) ****************************************************/ 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>
For this code, copy and paste the URL of your chosen default image where it says IMAGE URL #1. This is the pic that will show up first. (Example) Now replace IMAGE URL #2 with the URL of your rollover image! This is the pic that will show up when hovered. (Example) <img src="IMAGE URL #1" hsrc="IMAGE URL #2" border="0">
Here's mine. Try it out!


7REWIND | PLAY | FORWARD8