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.