Hallo,
ich habe ein Problem mit folgendem Skript. Wenn ich auf das Bild klicke, soll ein anderes Bild angezeigt werden. Nutze ich zwei Bilder aus dem Internet (Variante 1) funktioniert das Skript soweit auch. Sobald ich aber zwei lokale Bilder nutze (Variante 2), wird das erste Bild angezeigt, wechselt aber nicht bei onclick. Ich vermute, dass das Problem bei document.getElementById liegt und bitte um eure Hilfe.
Danke
Variante 1
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script language="javascript">
function changeImage() {
if (document.getElementById("imgClickAndChange").src == "http://www.......pic1.png")
{
document.getElementById("imgClickAndChange").src = "http://www.......pic2.png";
}
else
{
document.getElementById("imgClickAndChange").src = "http://www.......pic1.png";
}
}
</script>
</head>
<body>
<p>
<img alt="" src="http://www.......pic1.png" style="height: 85px; width: 198px" id="imgClickAndChange" onclick="changeImage()" />
</p>
</body>
</html>
Variante 2
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script language="javascript">
function changeImage() {
if (document.getElementById("imgClickAndChange").src == "pics/test.png")
{
document.getElementById("imgClickAndChange").src = "pics/change.png";
}
else
{
document.getElementById("imgClickAndChange").src = "pics/test.png";
}
}
</script>
</head>
<body>
<p>
<img alt="" src="pics/test.png" style="height: 85px; width: 198px" id="imgClickAndChange" onclick="changeImage()" />
</p>
</body>
</html>