/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 vote275 views1 answer
How to interrupt scroll with jquery
Javascript jQuery
0 vote279 views1 answer
Jquery id value input
Javascript jQuery
0 vote300 views2 answers
How to show multiple image preview in jquery
Javascript jQuery
0 vote277 views1 answer
Jquery extend
Javascript jQuery
2 votes289 views2 answers
Jquery before form submit
Javascript jQuery
6 votes281 views4 answers
Get all classes of element jquery
Javascript jQuery
0 vote253 views1 answer
Jquery initialize
Javascript jQuery
0 vote317 views1 answer
How to add an image using jquery
Javascript jQuery
3 votes298 views1 answer
Jquery check if element has class starting with
Javascript jQuery
8 votes322 views2 answers
Get screen resolution jquery
Javascript jQuery