/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

2 votes133 views2 answers
Get form data serialize jquery
Javascript jQuery
1 vote133 views1 answer
Jquery for each tr in td
Javascript jQuery
9 votes126 views3 answers
JQuery change href value
Javascript jQuery
46 votes143 views6 answers
Jquery checkbox unchecked
Javascript jQuery
0 vote133 views1 answer
Remove all inline css jquery
Javascript jQuery
0 vote115 views1 answer
Authorize jquery ajax call for asp.net mvc
Javascript jQuery
0 vote115 views1 answer
Jquery create element properties
Javascript jQuery
6 votes126 views2 answers
$(this) option selected jquery
Javascript jQuery
7 votes128 views3 answers
Prevent form submit html javascript jquery
Javascript jQuery
0 vote137 views1 answer
Collapse uncollapse jquery
Javascript jQuery