Få en mouseover bild i menyn

Exempel:
                                 Innan mouseover ↑                                                                                   Sen vid mouseover ↑
 
Exempel från min fansite (länk)  
 
Ladda upp dina bilder, i den storlek du vill ha dem. Jag har själv mina i 250 pixlar.
Ladda upp dina bilder och kopiera adressfältet.
Gå in på design, html och sedan startsida.
 
Rulla ner till </head>
Innan </head> du in denna kod:

<script LANGUAGE="JavaScript">
<!--
// This is the implementation of SimpleSwap
// by Jehiah Czebotar
// Version 1.1 - June 10, 2005
// Distributed under Creative Commons
//
// Include this script on your page
// then make image rollovers simple like:
// <img src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif">
//
// http://jehiah.com/archive/simple-swap
//

function SimpleSwap(el,which){
el.src=el.getAttribute(which || "origsrc");
}

function SimpleSwapSetup(){
var x = document.getElementsByTagName("img");
for (var i=0;i<x.length;i++){
var oversrc = x[i].getAttribute("oversrc");
if (!oversrc) continue;

// preload image
// comment the next two lines to disable image pre-loading
x[i].oversrc_img = new Image();
x[i].oversrc_img.src=oversrc;
// set event handlers
x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');");
x[i].onmouseout = new Function("SimpleSwap(this);");
// save original src
x[i].setAttribute("origsrc",x[i].src);
}
}

var PreSimpleSwapOnload =(window.onload)? window.onload : function(){};
window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();}
//-->
</script>

 

 

Sedan rullar du ner till <div class="nav"> (eller <div id="side">)
 
Vart du nu vill ha mouseover bilden får du välja själv. Prova dig fram! Här är koden att lägga under nav eller vart du vill:

<a href="LÄNKEN DIT BILDEN SKA GÅ OM MAN TRYCKER PÅ DEN (altså en länk)"><img src="adress TILL BILD 1" oversrc="adress TILL BILD 2" border="0"></a>
 
Om du inte vill att bilden ska gå någonstans när man trycker på den så, altså ingen länk.
 
<img src="ADRESS TILL BILD 1" oversrc="ADRESS TILL BILD 2" border="0">
 
Lycka till! Om du inte förstår någonting riktigt så lämna en kommentera för jag suger på att förklara!