/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

40 votes193 views4 answers
Jquery add
Javascript jQuery
0 vote189 views1 answer
Sending string variable to .net mvc using Ajax JQuery
Javascript jQuery
6 votes163 views3 answers
Jquery get all checkbox
Javascript jQuery
1 vote186 views2 answers
Accessing via name jquery
Javascript jQuery
0 vote201 views1 answer
Jquery each response
Javascript jQuery
0 vote198 views1 answer
Jquery click on data attribute
Javascript jQuery
6 votes206 views4 answers
Jquery on dom change
Javascript jQuery
0 vote190 views2 answers
Jquery get all value from class
Javascript jQuery
0 vote146 views1 answer
Jquery how do i remove emoji from string
Javascript jQuery
0 vote188 views1 answer
Create select option using jquery
Javascript jQuery