html - Changing image source in JavaScript -
i'm new javascript, , i'm trying alternate image every click 1st 2nd , 2nd 1st(indefinitely). tried this:
function change() { var imgid = document.getelementbyid("image"); var ubuntu = imgid.src="ubuntu.jpg"; var debian = imgid.src="debian.jpg" if(imgid.src="ubuntu.jpg") { return debian; } else if(debian) { return ubuntu; } }
<img id="image" src="ubuntu.jpg" width="160" height="120" onclick = "change()">
also, know reason why code changing image ubuntu debian not debian ubuntu.
you can toggle src
between 2 images so:
function change () { var imgelement = document.getelementbyid("image"); if (imgelement.src === 'debian.jpg') { imgelement.src = 'ubuntu.jpg'; } else { imgelement.src = 'debian.jpg'; } }
or, using ternary operator:
function change () { var imgelement = document.getelementbyid("image"); var src = imgelement.src; imgelement.src = src === 'debian.jpg' ? 'ubuntu.jpg' : 'debian.jpg'; }
Comments
Post a Comment