/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

30 votes232 views6 answers
Find element with data attribute jquery
Javascript jQuery
0 vote188 views2 answers
Jquery change tabs
Javascript jQuery
1 vote159 views3 answers
Jquery parent
Javascript jQuery
0 vote191 views1 answer
Jquery scroll to element toggle menu item
Javascript jQuery
1 vote192 views1 answer
Toggle multiple classes jquery
Javascript jQuery
0 vote202 views2 answers
Jquery fadein to show modal
Javascript jQuery
0 vote178 views1 answer
Reuse jquery angular
Javascript jQuery
7 votes195 views1 answer
Get page resolution jquery
Javascript jQuery
0 vote167 views2 answers
Jquery parse html
Javascript jQuery
0 vote172 views1 answer
Remove item from array using jquery
Javascript jQuery