change image src using jquery code example
Example 1: jquery change image src
//change image src with jquery
$("#myImageID").attr("src","images/my_other_image.png");
//change image src plain javascript
document.getElementById('myImageID').src="images/my_other_image.png";
Example 2: jquery change picture source
$("#my_image").attr("src","second.jpg");
Example 3: jquery change picture source
// https://codepen.io/kman/pen/dXjpoX
// Stockphotos JS
$(document).ready(function(){
var flag = 0;
$("button#changeSize").click(function(){
if(flag == 0) {
$("#dummyimage").attr("src","http://dummyimage.com/350x155/");
flag = 1;
}
else if(flag == 1) {
$("#dummyimage").attr("src","http://dummyimage.com/450x255/");
flag = 0;
}
});
});
Example 4: jquery change picture source
$(document).ready(function () {
$('img').click(function(){
$(this).attr('src','images/download.jpeg')
})
})
Example 5: change image src using jquery
//img is the attribute tag you can use #id if you want
$("img").click(function () {
// Change src attribute of image
$(this).attr("src", "images/card-front.jpg");
});