javascript - jssor onclick open larger version -
is possible using jssor click on photo in slideshow , on click make open larger photo (responsive/mobile-friendly), e.g. in popup?
currently i'm using following code:
<script> jquery(document).ready(function ($) { var _slideshowtransitions = [{ $duration: 500, $opacity: 2, $brother: { $duration: 1000, $opacity: 2 } }]; var options = { $fillmode: 1, $dragorientation: 3, $autoplay: true, $autoplayinterval: 5000, $slideshowoptions: { $class: $jssorslideshowrunner$, $transitions: _slideshowtransitions, $transitionsorder: 1, $showlink: true } }; var jssor_slider1 = new $jssorslider$('artikelphoto', options); }); </script>
<div u="slides" style="position: absolute; overflow: hidden; left: 0px; top: 0px; width: 200px; height: 200px;"> <div><img u="image" src="/1.jpg" /></div> <div><img u="image" src="/2.jpg" /></div> </div>
var jssor_slider1 = new $jssorslider$('artikelphoto', options); function sliderclickeventhandler(slideindex) { //open large image here } jssor_slider1.$on($jssorslider$.$evt_click, sliderclickeventhandler);
Comments
Post a Comment