Question

是否可以使用jssor点击幻灯片中的照片，然后单击使其打开更大的照片（响应/移动友好），例如在弹出窗口中？

目前我正在使用以下代码：

<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>

Answer 1

var jssor_slider1 = new $JssorSlider$('artikelphoto', options);

function SliderClickEventHandler(slideIndex) {
    //open your large image here
}

jssor_slider1.$On($JssorSlider$.$EVT_CLICK, SliderClickEventHandler);

jssor onclick打开更大的版本

1 个答案: