Question

我想在jssor滑块（http://www.jssor.com/demos/simple-fade-slideshow.html）上显示幻灯片计数，如14＆＃34;中的＃14;以及＃14; 3 of 14＆＃34;，... （当滑块随幻灯片移动时）

我有办法让这项工作成功吗？ Thx提前

Answer 1

要走两步，

在幻灯片中添加静态元素（显示索引的位置）＆＃39;容器

<!-- Slides Container -->
<div u="slides" ...>
    ...

    <div id="displayIndex" u="any" style="position: absolute; bottom: 10px; left: 10px; width: 100px; height: 26px;"></div>
</div>

使用javascript调用显示索引。

    var jssor_slider1 = new $JssorSlider$(...;

    function DisplayIndex() {
        $("#displayIndex").text(jssor_slider1.$CurrentIndex() + 1 + " of " + jssor_slider1.$SlidesCount());
    }

    DisplayIndex();
    jssor_slider1.$On($JssorSlider$.$EVT_PARK, DisplayIndex);

请参阅http://www.jssor.com/testcase/slider-display-index.source.html

Jssor Slider计算幻灯片/图像

1 个答案: