/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 vote188 views1 answer
Jquery get current focus element
Javascript jQuery
6 votes173 views1 answer
Jquery loop through li elements
Javascript jQuery
31 votes174 views6 answers
Jquery form submit
Javascript jQuery
5 votes170 views3 answers
Access selected option in jquery
Javascript jQuery
0 vote167 views1 answer
Get form data as object jquery
Javascript jQuery
0 vote163 views1 answer
Back to top scroll animation jquery
Javascript jQuery
2 votes152 views1 answer
Element is hidden jquery
Javascript jQuery
22 votes186 views2 answers
Animate scroll to element Jquery
Javascript jQuery
1 vote182 views2 answers
Jquery get custom attribute
Javascript jQuery
34 votes147 views10 answers
Jquery
Javascript jQuery