/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 vote236 views1 answer
Jquery get return jquery object
Javascript jQuery
0 vote223 views1 answer
Jquery on change function not working
Javascript jQuery
3 votes213 views2 answers
Keydown jquery
Javascript jQuery
0 vote223 views1 answer
Jquery get mouse page left and top
Javascript jQuery
0 vote230 views1 answer
Copy-and-Paste snippet for jQuery CDN hosted file
Javascript jQuery
4 votes210 views1 answer
Jquery filter array remove empty values
Javascript jQuery
-1 vote245 views1 answer
Jquery equivalent of document.getelementbyid
Javascript jQuery
0 vote214 views1 answer
On hover display block jquery
Javascript jQuery
4 votes233 views2 answers
Jquery button text
Javascript jQuery
0 vote221 views1 answer
If window width jquery then display a div at scroll
Javascript jQuery