Change The Image Source Using JQuery
> Here we consider how to Change The Image Source Using JQuery.
> Suppose we have an Image as shown below.
> On Button Click, we may wants to change the
src of this Image.
> We can make use of
Jquery attr for changing source path as follows.
$(function () {
$('#btnSubmit').click(function () {
$(".imgClass").attr("src", "NewImageSrc.jpg");
return false;
})
})
> Here we first find the Image by using its Class.
> And then src attribute value will be changed with desired one by using Jquery attr.
> That's all, after button Click, the src of the Image will be changed.
Watch Video of this Content on Video Steaming