script för rollover i länkmeny ?

Kolla på den här sidan, i menyerna till vänster. http://gamespot.com/gamespot/filters/products/0,11114,562258,00.html

När man för muspekaren över länkarna så byts bilden till vänster om just den länken ut till en annan bild (pilen ändrar färg). Jag har sett script för hur man byter ut EN bild till flera olika genom att föra muspekaren över olika länkar men detta handlar ju om flera bilder. Någon som har något bra script ? Koden är aldeles för rörig för att jag ska orka leta reda på alla delar av scriptet eller för att ens orka förstå hur det är gjort.

Vill också kunna lägga in en html-sida i en tabellcell som finns på en annan sida, hur gör man det enklast?

Något sådant här kanske?:

<a href="Index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','bilden2.gif',0)"><img name="Image2" border="0" src="bilden1.gif"></a>

Skall du ha många bilder så är det bra att ha en imagepreeloader så att de "undre" bilderna redan finns på plats när du för musen över länken.

<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

Nja, det kommer inte fungera, för där måste man föra pekaren över bilden som ska bytas ut. Men jag vill föra pekaren över en textlänk. Bilden som ska ändras ska således ligga jämter textlänken.

Sorry, det funkade som jag hade tänkte mig :) Undrar bara över kodsnutten som säger: onMouseOver="MM_swapImage('pict1','navarrow2.gif',' ',0)" Jag ändrade och satte navarrow2.gif som bilden heter från straxt före nollan till direkt efter pict1. Det funkade inte annars. Men vad ska man skriva innan nollan? Är det där den ursprungliga bilden ska stå? Den som var från början och som man ska ändra tillbaka till.

Slit det med hälsan:

<script>
var isIMG = document.images;
var Arrowon;
var Arrowoff;

if (isIMG) {
   Arrowon = new Image(17,17);
   Arrowon.src = "arrow_on.gif";
   Arrowoff = new Image(17,17);
   Arrowoff.src = "arrow_off.gif";
}
function Arrow(Arrowname) {
   if (isIMG) {
     document[Arrowname].src = (document[Arrowname].src.indexOf('arrow_on.gif') != -1) ? 'arrow_off.gif' : 'arrow_on.gif';

   }
}
</script>

<img name=news src="arrow_off.gif" height=17 width=17 hspace=3><a target=_top href="sidan.html" onMouseOver="Arrow('news')" onMouseOut="Arrow('news')">News</a> 
</body>

Tackar Jesper :)

En grej dock som jag inte riktigt greppar. På samma sida som jag länkade till så har de angett utseende på rullisten i IE, men när jag kollar i källkoden för sidan så kan jag inte hitta koden för det. Hmm .....

Är det det här du tänker på?:

body { scrollbar-arrow-color: #CCCCCC; scrollbar-3dlight-color: #111111; scrollbar-highlight-color: #666666; scrollbar-face-color: #444444; scrollbar-shadow-color: #191919; scrollbar-track-color: #111111; scrollbar-darkshadow-color: #191919}

http://image.com.com/gamespot/shared4/styles/gs_ie.css

Där hade vi det :) Jag såg ingen inlänkad css heller men den finns tydligen där :)