JavaScript: Ändra en bild [mus på bild]

ÄNDRA EN BILD [MUS PÅ BILD]

Dra musen på denna bild och se vad som händer. Vart du än trycker på bilden så kommer du till denna sida.
Tänk på att om du inte skriver ut WIDTH- och HEIGHT-attributena i IMG-taggen (läs mer om detta under "allmänt"/"layouttips") så kommer Internet Explorer att visa den riktiga storleken på bilden medan Netscape automatiskt sätter ut de WIDTH- och HEIGHT-attribut som den första bilden har till alla bilder som senare visas.

Liknande script: Mus på bild - Musklick

Detta sätter du i HEAD (efter <HEAD> och före </HEAD>):

<SCRIPT LANGUAGE="javascript">
<!--This is one of many scripts which are available at:     *---
//--http://www.JavaScript.nu/javascript                     *---
//--This script is FREE, but you MUST let these lines       *---
//--remain if you use this script.                          *---
if (navigator.appName!="Microsoft Internet Explorer" || parseInt(navigator.appVersion)>3 && navigator.appName=="Microsoft Internet Explorer")
{

//***---"bild1_efter_mus.gif" visas när musen DRAS FRÅN bilden.-------------
ett_namn = new Image;
ett_namn.src = "bild1_efter_mus.gif";
//***---"bild1_med_mus.gif" visas när musen är PÅ bilden.-----------------
ett_namn1 = new Image;
ett_namn1.src = "bild1_med_mus.gif";

//***---"bild2_efter_mus.gif" visas när musen DRAS FRÅN bilden.-------------
ett_namn2 = new Image;
ett_namn2.src = "bild2_efter_mus.gif";
//***---"bild2_med_mus.gif" visas när musen är PÅ bilden.-----------------
ett_namn21 = new Image;
ett_namn21.src = "bild2_med_mus.gif";

//***---"bild3_efter_mus.gif" visas när musen DRAS FRÅN bilden.-------------
ett_namn3 = new Image;
ett_namn3.src = "bild3_efter_mus.gif";
//***---"bild3_med_mus.gif" visas när musen är PÅ bilden.-----------------
ett_namn31 = new Image;
ett_namn31.src = "bild3_med_mus.gif";

//***---Här kan flera texter skrivas in om du har mer än tre bilder (texter= det som står här ovan)

}
function omids(byta, bild, script) {
if (navigator.appName!="Microsoft Internet Explorer" || parseInt(navigator.appVersion)>3 && navigator.appName=="Microsoft Internet Explorer")
{
self.status=script;

//***---Om du har frames och vill ha länken på en sida, fast bilden på en annan sida så kan du byta "document" mot "parent.FRAMENS_NAMN.document". Länkarna kan då ligga på valfri sida. Kom då ihåg att ha scriptet på alla sidor som har en länk.
document.images[byta].src = eval(bild + ".src");

return true;
}
}
//-->
</SCRIPT>

Detta sätter du efter <BODY> och före </BODY>:
<A HREF="sida1.shtml" OnMouseOver="return omids('ett_namn','ett_namn1','Texten som ska visas i statusraden då man drar musen över bilden')" OnMouseOut="return omids('ett_namn','ett_namn','')">  <IMG SRC="bild1_forst.gif" NAME="ett_namn"></A> <BR> <A HREF="sida2.shtml" OnMouseOver="return omids('ett_namn2','ett_namn21','Texten som ska visas i statusraden då man drar musen över bilden')" OnMouseOut="return omids('ett_namn2','ett_namn2','')">  <IMG SRC="bild2_forst.gif" NAME="ett_namn2"></A> <BR> <A HREF="sida3.shtml" OnMouseOver="return omids('ett_namn3','ett_namn31','Texten som ska visas i statusraden då man drar musen över bilden')" OnMouseOut="return omids('ett_namn3','ett_namn3','')">  <IMG SRC="bild3_forst.gif" NAME="ett_namn3"></A>

Om du inte vet hur du ska spara JavaScriptet till din hemsida, tryck då här.