Ergebnis 1 bis 3 von 3

Thema: Bild wechseln bei onclick

  1. #1
    unregistriert
    Gast

    Standard 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>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Bild wechseln bei onclick

    Vermutung: die Bilddateien liegen nicht in einem Unterverzeichnis des Verzeichnisses in dem sich die HTML-Datei befindet.

  3. #3
    Interessierte/r Avatar von Friedel
    Registriert seit
    18.09.2008
    Ort
    Weingarten/Pfalz
    Beiträge
    102
    Danke
    1
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Bild wechseln bei onclick

    Hallo.

    Solche Fehler findet man am einfachsten mit einer Alertbox. Füge einfach vor der Zeile
    Code:
    if (document.getElementById("imgClickAndChange").src == "pics/test.png")
    noch eine Zeile mit folgendem Inhalt ein.
    Code:
    alert(document.getElementById("imgClickAndChange").src);
    Dann erkennst du, dass die Bedingung nie erfüllt wird.

    mfg Friedel

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 06.09.2011, 16:31
  2. Koordinaten aus Bild in Formularfeld per onclick
    Von morrers im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 12
    Letzter Beitrag: 29.09.2007, 16:31
  3. Bild wechseln beim Backgroung
    Von im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 02.03.2006, 19:32
  4. Bild wechseln
    Von Gigazone im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 15.05.2005, 14:33
  5. bild nach festgelegter zeitspanne wechseln!?
    Von christian im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 08.03.2005, 09:07

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •