Bild wechseln bei onclick

  • 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>

  • Hallo.


    Solche Fehler findet man am einfachsten mit einer Alertbox. Füge einfach vor der Zeile

    Code
    1. if (document.getElementById("imgClickAndChange").src == "pics/test.png")

    noch eine Zeile mit folgendem Inhalt ein.

    Code
    1. alert(document.getElementById("imgClickAndChange").src);

    Dann erkennst du, dass die Bedingung nie erfüllt wird.


    mfg Friedel