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);
});

3.71
7
Mannon 105 points

                                    $(document).ready(function () {
    $('img').click(function(){
        $(this).attr('src','images/download.jpeg')
      })
})

3.71 (7 Votes)
0
4.43
7
CREW 95 points

                                    // https://codepen.io/kman/pen/dXjpoX
// Stockphotos JS

$(document).ready(function(){
  var flag = 0;  
  $(&quot;button#changeSize&quot;).click(function(){
    if(flag == 0) {
      $(&quot;#dummyimage&quot;).attr(&quot;src&quot;,&quot;http://dummyimage.com/350x155/&quot;);
      flag = 1;
    }
    else if(flag == 1) {
      $(&quot;#dummyimage&quot;).attr(&quot;src&quot;,&quot;http://dummyimage.com/450x255/&quot;);
      flag = 0;
    }
  });
});

4.43 (7 Votes)
0
Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
jquery create image and modify how to change an image source attribute using jquery jquery how to change image src onclick change image src jquery how to change an image in jquery click function to change image jquery how to change image in html using jquery set image src in jquery how to change image source in jquery html img change source jquery jquery update image src update img src jquery changing the image source using jquery jquery click change image changing image jquery how to change picture with click jquery onclick change image jquery example jquery modify img src jquery onclick change image class dynamically change image src jquery onclick change image jquery on click change images jquery how to change image on click in jquery update image src using jquery jquery image change on click change a picture of img with jquery how to change image onclick through jquery function in jQuery to change src on image jquery how to make source a new image jquery change img src by src set img source jquery jquery update img src how to change source of image in jquery change source of an image in jquery jquery onclick change image src change source of image jquery how to change image src in jquery onclick change img src jquery how to change image using jquery change image with jquery how to change image onclick using jquery chnage image source from jquery jquery change image on click click image change jquery how to change an image using jquery change the source img when click jquery image click change image jquery change image source using jquery without click event Jquery change image src on click onclick image change in jquery change image onclick in jquery jquery switch image src jquery edit image change img src jquery jquery edit image url how to change src of image in jquery how to change img src using jquery jquery change img src html jquery alter image src jquery onclick change img to video change image source on button click jquery on click change image jquery how to change src of img in jquery change image jquery Change image onclick jquery thumbnail show image on click jquery ajax jquery get for a photo How to change image on click jquery change img with jquery Change image onclick jquery example change src img jquery how to make image src change on click jquery jquery on image src change how to change image onclick in jquery on click jquery function change pictures change image on button click jquery click change image jquery jquery changing image Jquery on click change image source jquery to edit image change image src jquery image changing in jquery how to change the src of image using jquery change image on click jquery image jquery src change jquery image src properties how to change img src via jquery change image source in jquery jquery replace img src .src jquery change the src of an img jquery jquery assign image src jquery change image jquery image attr src attr img jquery jquery change between images jQuery attr src jquery how to set img src replace image src ineration how to add attr src image jquery jquery change src element on click image change jquery seetting the source of an image field jquery set src of an image using jquery jquery change image from form set image src attribute jquery img tag src change using jquery how to get switch an image with jquery jquery set source of image how to write a jquery function to change image image jqeury jquery change image depending on language change src attribute with jquery in css change image in jquery switch changing img in jquery js attr image adding img src in jquery update chnage image jquery jquery set src img set image attribute jqueyr on image change jquery jquery change src in img how to select one image from an array of images and then change the source of that image using jquery set source to image tag jquery jquery get element change img src jquery change src attribute jquery img.src vanilla js ajax src attribute .attr jquery img how to change the image in jquery replace current image jquery set image src jquery jquery img rename attribute iquery img src how to change image using jquerey how to change src in jquery set style in img src jquery how to switch image source jquery change src img attribte change img src with jquery imagre src jquer how to define img src in jquery how to assign image src using jquery set src image in jquery jquery change image class changhe src of img jquery jquery image change image tag in jquery jquery load image src jquery replace image src image src in jquery add image url from jquery changing scr of imag jquery jquery to replace images on click edit image source jquery set image with jquery jquery updating src of an image on click how to set src of an image in jquery jquery change img src value on image src change jquery jquery change img src on click how to assign an image to jquery how to set source of image in jquery using src attribute in jquery replace image src jquery jquery selector set url for image j query change src of img change property src in img con jquery j query img src how to put image url in img src using jquery get image on change value jquery how to change image class in jquery replace image in html jquery jquery for an image with a source changing img src with jquery jquery img src replace jquery choose file to change images using classs na,e jaquery set image how to edit a src attribute using jquery how to add a src attribute using jquery how to set src for img attribute jquery how to change image src using jquery set img src attribute jquery how to change image url in jquery jquery change image in this div how to set image using jquery change src of img jquery how to change src image using jquery jquery change source of image jquery change attr src jquery image src change change src of image jquery set src of image jquery change image after change jquery replace an image present inside a class in jquery jquery change source edit image src jquery jquery how to put value in src give image path in jquery jquery src change change image source jquery image src jquery on mobile view chnage img src jquery jquery update src attribute change attribute of img in jquery change image src in jquery add image src using jquery jquery image src insert adding an image attribute jquery jquery replace an image on click jquery change img src change image src using jquery set image src using jquery on click set image src using jquery change src of img in jquery setting img src using jquery how to change an elements img src in jquery jquery change image src how to populate image using image id jquery jquery change src image jquery to set src jquery onclick image change img src jquery jquery change img url how to change img src with jquery update image src by jquery image source path change in jquery set create img tag with src in jquery change src image jquery jquery find and replace image src set src using jquery jquery image src jquery set img jquery to change img src jquery set image src if how to change image src jquery jquery set image src how to set src path in jquery jquery change image src on change jquery src image jquery img src modify img src jquery jquery image url change jquery change img src and alt jquery set img src jqyery img src change src jquery image source change jquery jquery change src of image jquery each a tag change src jquery change picture onclick jquery change picture source
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source