Thomas Nielsen wrote:
> ville få 2 individuelle billeder til at skifte til 2 andre
> individuelle billeder, ved brug af onmouseover funktionen.. Det
> 1. billede går fint, men når jeg tester med det andet samtidigt,
> går det galt..
> Har lavet det hele som 2 script, med samme funktion..
> her er koden, som jeg bruger: (forenklet)
> <script type="text/javascript">
> billede1 = new Image();
> billede1.src = "billede1.gif";
> billede2 = new Image();
> billede2.src = "billede2.gif";
> function skiftbillede(img_name,img_src) {
> document[img_name].src=img_src;
> }
> </script>
> <script type="text/javascript">
> billede1 = new Image();
> billede1.src = "billede3.gif";
> billede2 = new Image();
> billede2.src = "billede4.gif";
> function skiftbillede(img_name,img_src) {
> document[img_name].src=img_src;
> }
> </script>
Det er klart, at det ikke virker. I det andet script overskriver du det, du
har defineret i det første script.
Gør sådan:
<script type="text/javascript">
billede1 = new Image();
billede1.src = "billede1.gif";
billede2 = new Image();
billede2.src = "billede2.gif";
billede3 = new Image();
billede3.src = "billede3.gif";
billede4 = new Image();
billede4.src = "billede4.gif";
function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}
</script>
</head>
<body>
<a href="test.html" onmouseover="skiftbillede('eksempel','billede2.gif')"
onmouseout="skiftbillede('eksempel','billede1.gif')"><img src="billede1.gif"
/></a>
<a href="test.html" onmouseover="skiftbillede('eksempel','billede4.gif')"
onmouseout="skiftbillede('eksempel','billede3.gif')"><img src="billede3.gif"
/></a>
</body>
</html>
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk -
http://html-faq.dk
http://ginnerskov.frac.dk