/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

21 votes169 views6 answers
Jquery data attribute
Javascript jQuery
0 vote182 views1 answer
Get an element from outside of iframe jquery
Javascript jQuery
40 votes164 views6 answers
Checkbox set checked jquery
Javascript jQuery
0 vote215 views1 answer
Jquery disable keypress
Javascript jQuery
0 vote176 views1 answer
Filtering jquery
Javascript jQuery
146 votes279 views6 answers
Ready function jquery
Javascript jQuery
0 vote176 views1 answer
How to make html with jquery
Javascript jQuery
62 votes175 views6 answers
Document on click jquery
Javascript jQuery
0 vote184 views1 answer
Jquery add items to select input
Javascript jQuery
25 votes181 views6 answers
Get selected option value jquery
Javascript jQuery