Dynamisk variabel
Jeg har følgende kode der ved klik på et billede skifter billedet. Der virker, men når jeg har flere billeder (med hvert sit id), så virker det kun "halvt". Når jeg klikke på "pic1", skifter det, men hvis jeg efterfølgende klikker på "pic2", kræver det endnu et klik før det skifter.Jeg har fundet ud af at det er fordi "var image1" skal være forskellige for hvert billede. For hvis jeg laver 2 javascriptfunktioner (changeimage1 og changeimage2 med hhv. var image1 og var image2 ), så virker det.
Kan det ikke lade sig gøre at bruge samme javascript-funktion, men ligesom definere var image hver gang...:
"var image+(imgId)"
Det kan man gøre i PHP, ved jeg, og det hedder variables variable... Der hedder det f.eks. ${"image" . $imgId}...
Nå, men den mangelfulde kode er:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Nyt dokument</title>
<script>
function changeImage(imgId,img1,img2)
{
var {image1.imgId} = true;
if({image1.imgId})
{
document.getElementById(''+imgId+'').src = img2;
{image1.imgId} = false;
}
else
{
document.getElementById(''+imgId+'').src = img1;
{image1.imgId} = true;
}
}
</script>
</head>
<body>
<img id="pic" src="picA.jpg" onclick="changeImage('pic','picA.jpg','picB.jpg');" height="48" width="62" alt="DirchPasser.jpg - 21,53 kb" border="0">
<br><br><br><br>
<img id="pic2" src="picC.jpg" onclick="changeImage('pic2','picC.jpg','picD.jpg');" height="48" width="62" alt="DirchPasser.jpg - 21,53 kb" border="0">
</body>
</html>
