/Javascript/jQuery/Jquery change picture onclick

Jquery change picture onclick

<!-- https://codepen.io/poliweb/pen/eYJNqLM -->
<!-- https://stackoverflow.com/questions/26377231/jquery-how-to-change-img-src-path-onclick -->

<div class="img-container">
  <img id="changeMe" src="">
</div>

<img class="preview" src="images/preview-1.jpg">
<img class="preview" src="images/preview-2.jpg">
<img class="preview" src="images/preview-2.jpg">
  
 <!-- Script --> 
  
  $('.preview').on('click',  function() {
    $('#changeMe').prop('src', this.src);
});

Source: stackoverflow.com

Similar codes

-1 vote353 views1 answer
Jquery ajax on fail
Javascript jQuery
6 votes355 views3 answers
How to validate the radio button using jquery
Javascript jQuery
2 votes348 views1 answer
Jquery select element with data
Javascript jQuery
14 votes340 views3 answers
Jquery toggle class
Javascript jQuery
14 votes329 views2 answers
Jquery set text of h1
Javascript jQuery
7 votes311 views3 answers
Jquery get link href value
Javascript jQuery
0 vote362 views1 answer
Remove required attribute jquery mvc
Javascript jQuery
6 votes310 views2 answers
Jquery get version in console
Javascript jQuery
1 vote325 views1 answer
Toggle jquery remove others
Javascript jQuery
1 vote322 views1 answer
Show more implementation jquery
Javascript jQuery