/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 vote292 views1 answer
Jquery select element without child
Javascript jQuery
27 votes216 views6 answers
Jquery on input
Javascript jQuery
1 vote200 views1 answer
Bind and unbind jquery validation
Javascript jQuery
4 votes208 views2 answers
Jquery Table row count
Javascript jQuery
1 vote221 views2 answers
Get input value from table cell jquery
Javascript jQuery
1 vote195 views1 answer
Reading Time with jquery
Javascript jQuery
6 votes194 views2 answers
Jquery get element innertext
Javascript jQuery
0 vote207 views1 answer
Jquery extend
Javascript jQuery
1 vote209 views1 answer
Jquery loop each tr in table grepper
Javascript jQuery
0 vote191 views1 answer
Jquery on load vs ready
Javascript jQuery