Wie "Bild Ändern" auf klicken Sie auf und Holen Sie wieder zurück auf einen Klick

Baue ich ein Javascript-app

Nun ich will einen image-Taste, die ich gegeben habe, schon jetzt möchte ich ändern, das Bild zu einem anderen Bild auf einen Klick aktuelle Bild.

Wenn ich auf einmal möchte ich wieder das alte Bild bitte helfen Sie mir, indem Sie eine Codierung Beispiel pls..

Wenn Sie wollen, dass ein element, beispielsweise ein DIV, funktioniert wie eine Schaltfläche und ändern Sie das Bild vorübergehend, wenn die Maus-Taste gedrückt halten beim klicken, Lesen Sie diesen Artikel: stackoverflow.com/questions/19584516/...

InformationsquelleAutor SARAVANA KUMAR | 2013-08-02

  1. 9

    Versuchen Sie dies:

    function diffImage(img) 
{
   if(img.src.match(/blank/)) img.src = "black.jpg";
   else img.src = "blank.jpg";
}

    HTML

    <img src="black.jpg" id="image1" onclick=diffImage(this) />

    Nur versuchen zu ändern, das Bild Weg, wie pro Ihre Anforderungen, oder Sie können fügen Sie mehrere Bilder.

    DEMO.

    Hoffen, dass diese Arbeit.

    Vielen Dank für Eure Hilfe .. ich habe es arbeitete Sehr.. vielen Dank..Sorry für die nicht Abstimmen, bis Sie.. Weil ich nicht habe Ruf zu Stimmen, bis

    InformationsquelleAutor Pirates

  2. 1

    Konnte man auch nur mit CSS, wenn Sie wollte.

    Nur eine checkbox, so dass Sie klicken können, ohne ein Ereignis auszulösen, und setzen Sie das Bild dort ein und haben dann ein anderes Bild, wenn es angeklickt wurde.

    <input type="checkbox"/>

    Und Ihre CSS:

    input[type="checkbox"] {
    content: url(image url here);
}
input[type="checkbox"]:checked {
    content: url(different image here);
}

    Ich weiß nicht, wo ich gelernt, diesen trick, aber es ist für mich gearbeitet in der Vergangenheit.

    InformationsquelleAutor tannerwj

Schreibe einen Kommentar