2 Bilder hin und her tauschen per onklick in JavaScript?
Hallo, ich würde gerne die src von 1 nem Bilder per onclick in JavaScript verändern das es ein anderes zeigt. Mein Ansatz lautet wie folgt:
<!DOCTYPE html>
<html>
<head></head>
<body>
<script type="text/javascript">
function klick() {
var pic = document.getElementById('picswap').style.backgroundImage;
if(pic == src="menu.png") {
pic = src="close.png";
} else {
pic = src="menu.png";
}
}
</script>
<a onclick="klick()" href="#"><img id="picswap" src="menu.png"></a>
</body>
</html>
Nur leider funktioniert das nicht :/ Kann mir jemand helfen?
LG. Sebastian
2 Antworten
src ist der Bildpfad in img, nicht style und backgroundimage
http://www.w3schools.com/jsref/prop_style_backgroundimage.asp
http://www.web-toolbox.net/webtoolbox/bilder/image-swap.htm
Nutzer, der sehr aktiv auf gutefrage ist
Ein Attribut kannst du mit .setAttribute('src', 'Pfad zum Bild'); verändern.