Img swap fungerar inte

Du har gett alla bilderna samma namn (name)

Jo, det vet jag, men skall det vara nödvändigt att ge alla länkar en egen if sats?
Det är ju samma bilder hela tiden, bara adressen som ändras hela tiden(och texten i det underliggande lagret förståss).

R: lagt till if-satser och konstigt nog fungerar det
Tycker bara det blir lite väl mycket kod för den lilla effekten.

Du kan göra så här;

if (document.images) {
	button_on=new Image;
	button_on.src="button.gif";
	button_off=new Image;
	button_off.src="bttn.gif";
}
function rollIn(imgName){
if (document.images) {
document[imgName].src=button_on.src;
}
}
function rollOut(imgName){
if (document.images) {
document[imgName].src=button_off.src
}
}

Men du måste fortfarande ha ett unikt namn på varje bild så att du har något att refferera till.

Så då måste jag ha 20 bilder med unika namn i stället?(till tio länkar)
Då är det nog bättre med lite if-satser

Umm.... Du måste inte ha 20 "fysiska" bilder (filer). Det räcker med 2. Du behöver heller inte ha mer script än det senaste exemplet, inte ens det om du hoppas över "preload", alltså bild-definieringen i början av scriptet. Men däremot måste du ha <img>-taggar med unika namn för att du skall hänvisa till just den bilden. (index-nummer blir lätt fel när du lägger till nya bilder till dokumentet). Men tycker du att det är jobbigt att skriva 5 <img>-taggar kan du ju scripta det

Annars kan du göra simplast möjliga bildbyte direkt från <img>-elementet, för de webbläsare som stödjer onMouseover/out-event på bilder;

<img src="a.gif" onMouseover="this.src='b.gif';" onMouseout="this.src='a.gif';">

Jo, jag var först inne på det(rätt i länken), men eftersom jag drabbades av hjärnstopp just medan jag lekte med sidan kom jag inte på hur

Men tycker du att det är jobbigt att skriva 5 <img>-taggar kan du ju scripta det

Tror du vekligen det (kolla källan nu )
Tack för hjälpen

Du kan ju faktiskt köra varianten med byte direkt i eventet på <img>-taggen och kombinera det med ett script som förladdar "off"-bilden. (on är ju helt onödligt eftersom den laddas från html-koden);

if (document.images) {
	off=new Image;
	off.src="bttn.gif";
}