/Javascript/jQuery/Change image src using jquery

Change image src using jquery

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";

Change image src jquery

$(document).ready(function () {
    $('img').click(function(){
        $(this).attr('src','images/download.jpeg')
      })
})

Change source of image jquery

$("#my_image").attr("src","second.jpg");

Source: stackoverflow.com

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");
                });

Similar codes

50 votes121 views4 answers
Jquery add class to body
Javascript jQuery
4 votes121 views1 answer
Declare * angular jquery
Javascript jQuery
0 vote118 views1 answer
I want to enable textbox when checkbox is checked in jquery or javascript
Javascript jQuery
-1 vote130 views3 answers
Jquery json to table
Javascript jQuery
0 vote129 views1 answer
Jquery repeat event on click
Javascript jQuery
3 votes111 views3 answers
Jquery get element by class and data attribute
Javascript jQuery
26 votes115 views6 answers
Scroll to div jquery
Javascript jQuery
10 votes105 views6 answers
Jquery post
Javascript jQuery
2 votes96 views2 answers
Jquery ajax basic authentication
Javascript jQuery
1 vote138 views1 answer
Custom jquery validation messages
Javascript jQuery