/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

52 votes241 views3 answers
Refresh a page in jquery
Javascript jQuery
0 vote244 views1 answer
JQMIGRATE: jQuery.fn.keyup() event shorthand is deprecated
Javascript jQuery
0 vote241 views1 answer
Jquery change query string parameter value
Javascript jQuery
1 vote264 views1 answer
Jquery check if string contains specific word
Javascript jQuery
0 vote228 views1 answer
.html jquery in javascript
Javascript jQuery
3 votes260 views2 answers
Jquery get all classes of a div
Javascript jQuery
0 vote241 views1 answer
Jquery accordion toggle close open
Javascript jQuery
0 vote248 views2 answers
Jquery 3.6.0
Javascript jQuery
55 votes240 views5 answers
Refresh div jquery
Javascript jQuery
1 vote290 views1 answer
Jquery add to array with key
Javascript jQuery