Jssor Slides:我想在幻灯片中有多个右箭头

时间:2014-11-19 05:03:54

标签: jssor

我正在使用JSSOR内容滑块。

我想在幻灯片中有多个右箭头..就像一个将是默认的箭头而另一个可以在用户点击其他箭头按钮时将其放在内容中它应该带我们到下一个幻灯片..

还附上了截图..

请帮我解决这个问题。

1 个答案:

答案 0 :(得分:0)

请使用api完成这项工作。

您可以在幻灯片中放置任何箭头,并在用户点击时调用api。

    jQuery(document).ready(function ($) {
        var options = {

            $AutoPlay: true,                                   //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
            $DragOrientation: 3                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
        };

        var jssor_slider1 = new $JssorSlider$("slider1_container", options);

        function ArrowClickEventHandler() {
            jssor_slider1.$PlayTo(slideIndex);    //slideIndex is index of slide
        }

        $("#yourarrow").bind("click", ArrowClickEventHandler);
    });