jQuery addClass example

Change class name on click in jQuery

by bhupendra negi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-zoom/1.7.21/jquery.zoom.min.js"></script>
<div id="container">
<picture class="iwc-picture-tag zoom">
                                            <source srcset="https://www.iwc.com/content/dam/iwc-assets/accessories/Strap.png.transform.accessory_main_image_width_290_2x.jpeg, https://www.iwc.com/content/dam/iwc-assets/accessories/Strap.png.transform.accessory_main_image_width_290_2x.jpeg" media="(min-width: 1000px)">

                                            <img class="iwc-ss-image" srcset="https://www.iwc.com/content/dam/iwc-assets/accessories/Strap.png.transform.accessory_main_image_width_290_2x.jpeg">
                                        </picture>

</div>

CSS

.iwc-ss-image {
  border: 1px solid #000;
 max-width:50%;
}

JavaScript

/* $(document).ready(function(){

console.log('ssss', $(".iwc-ss-image"));



  $(".zoom").zoom({url:'https://www.iwc.com/content/dam/iwc-assets/accessories/Strap.png.transform.accessory_main_image_width_290_2x.jpeg',callback: function(){

     console.log('111111');

    }});

}); */

$("#container").zoom();