/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

0 vote126 views1 answer
Update param in url jquery
Javascript jQuery
0 vote141 views1 answer
Jquery datepicker change date format
Javascript jQuery
13 votes134 views3 answers
Jquery find tag and class
Javascript jQuery
0 vote141 views1 answer
Jquery cdn cloudflare
Javascript jQuery
6 votes122 views2 answers
Jquery find by innertext
Javascript jQuery
9 votes106 views3 answers
Jquery is visible
Javascript jQuery
3 votes127 views2 answers
Jquery window trigger resize
Javascript jQuery
1 vote167 views5 answers
Select all checkboxes jquery
Javascript jQuery
1 vote99 views1 answer
Empty text in all class jquery
Javascript jQuery
32 votes144 views4 answers
Remove appended element jquery
Javascript jQuery