/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

2 votes94 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript jQuery
3 votes109 views2 answers
Jquery change selected option to first
Javascript jQuery
7 votes146 views2 answers
Jquery convert number to decimal
Javascript jQuery
-1 vote116 views1 answer
Waypoint jquery
Javascript jQuery
4 votes105 views2 answers
How to set json type jquery ajax
Javascript jQuery
9 votes64 views2 answers
Check if jquery is loaded
Javascript jQuery
0 vote103 views1 answer
Change inside div with jquery
Javascript jQuery
1 vote114 views1 answer
Electron jquery
Javascript jQuery
23 votes118 views3 answers
How to get clicked radio button value in jquery
Javascript jQuery
0 vote109 views4 answers
Set dropdown in jquery
Javascript jQuery