how can I change path to img src from java script?

Question

I have an image in my div:

<div class="pressphone">
    <img class="phone" src="../img/template/iphone3.png">
</div>

how can I switch the photo to ../img/template/iphone4.png from javascript/jquery?

have you had a look over here: [programmatically change the src of an img](http://stackoverflow.com/questions/11722400/programmatically-change-the-src-of-an-img-tag) — abigwonderful, Jun 14 '16 at 22:24

Mike Scotty · Accepted Answer · 2016-06-14T22:27:49.627

2

$("img.phone").attr("src", "../img/template/iphone4.png");

Note that this will replace the source of all images with class phone!

If that is an issue, you should consider to give your image a unique id and change the jquery selector accordingly.

edited Jun 14 '16 at 22:27

answered Jun 14 '16 at 22:24

Mike Scotty

$('img.phone').attr('src', '../url'); to be more specific – Justin Herter Jun 14 '16 at 22:27

1 Answers1