ROLL-OVER IMAGES

A lot of people have images that change when you hover over them. These are used for attractive-looking links. They're fairly simple to do, once you have the code. First, place this code in your header.

<script language="JavaScript"> <!-- Hide the script from old browsers -- img0_on = new Image; img0_on.src="url of image when you hover"; img0_off = new Image; img0_off.src="url of normal image"; function over_image(parm_name) { document[parm_name].src = eval(parm_name + "_on.src"); } function off_image(parm_name) { document[parm_name].src = eval(parm_name + "_off.src"); } // --End Hiding Here --> </script>
Be sure to replace the specified areas with the proper image URLs. Then, here is how you format the image code. Put this in the place where you want the image to appear.

<center><a href="your page" onmouseover="over_image('img0');" onmouseout="off_image('img0')"><img src="url of the image when you DON'T hover" border="0" name="img0"></a>
If you want to have more than one image on your site that does this, then you must repeat the previous two steps. However, replace ANYWHERE that has "img0" with "img1", "img2", and so forth. Remember that you must completely repeat the code in the header, from script tag to script tag. That's very important.

And viola! You have fancy roll-over images!

:: CHIKORITA :: Fuzzball of the Week

MAIN  Updates  Error Reports  Affiliate / Link to Me  Contact Me  OM's Awards  INTERACTIVE  Poke Glitch  Topsites  Forums  Guestbook  2008 Minitoes

SPRITING  Fusing / Splicing  Scratch Spriting  Fakedex Entries  Spriting Resources  Fusion Generator  GIMP 2.2  Tool Guide  Filters  Downloading  Installing Brushes  Transparent Sprites  Basic Banners  Intermediate Ban.  Making Backgrounds  Basic Avatars  Affiliate Buttons  Glossed Buttons  Cool Text  Text Tricks  GRAPHICS GALE  Installation  Tool Guide  Userbar Tutorial  WEB / TECH  Forum Etiquette 101  Uploading Images  Installing Fonts

OFFICIAL IMAGES  D/P Pkmn Sprites  D/P Trainer Sprites  R/S Trainer Sprites  Sugimori Archive  Pkmn Render Gallery  FAN CREATIONS  Azu's Sprites  Azu's Graphics  CotHT (comic)  Humon (comic)  Fan Art  FREEBIES  Pokemon  Non-Pokemon  READS  My Friend Lotad  Behind the Scenes

FREEBIES  Background Pictures  Affiliate Buttons  Pokemon Bullets  Free Layouts  GUIDES  Building a Site  Basic HTML  SSI  Coding Forms  Roll-Over Images  OTHER  Win an Award  Website Tips

GUIDES  Evolution  Building a Team  Breeding  Naming  OTHER  Pkmn Ruby Review

PERSONAL  About Me / Site  Inspiration  SITE-RELATED  Previous Layouts