Ich versuche, ein Bild auf einen Klick mit Javascript wenn sonst Methode zu tauschen. Der erste Bildaustausch funktioniert (wenn), aber die anderen 2 nicht (sonst wenn). Hier ist meine JS/JQuery:Bild tauschen auf Bild klicken Sie auf Javascript wenn sonst
$("#right").on("click" ,
function() {
var pic = $("#selection img").attr("id");
if (pic == "instagram") {
$("#instagram").removeClass("show").addClass("hide");
$("#snapchat").removeClass("hide").addClass("show");
$("span").text("Snapchat");
}
else if (pic == "snapchat") {
$("#snapchat").removeClass("show").addClass("hide");
$("#twitter").removeClass("hide").addClass("show");
$("span").text("Twitter");
}
else if (pic == "twitter") {
$("#twitter").removeClass("show").addClass("hide");
$("#facebook").removeClass("hide").addClass("show");
$("span").text("Facebook");
}
});
Hier ist meine CSS:
.hide {
display: none;
}
.show {
display: inline;
}
Und hier ist mein HTML:
<div id="selection">
<img id="instagram" class="show" src="img/instagram.png">
<img id="snapchat" src="img/snapchat.png">
<img id="twitter" src="img/twitter.png">
<img id="facebook" src="img/facebook.png">
</div>
Vielen Dank für Ihre Antworten!
Andy: Haben Sie ein Bild zur Zeit angezeigt werden soll? und dann nächste nächste, oder? was ist richtig ? –
Hallo, ja ich möchte zu der Zeit ein Bild zeigen und dann als nächstes weiter. #right ist eine Pfeil-Svg-Datei. –
Loggen Sie den Wert von "Pic" zur Konsole, und seien Sie überrascht. – CBroe