jquery - 使用 touchslider.com 传递选项以在幻灯片 2 上打开

Question

我正在使用 touchslider.com 并且有一个关于实现开始幻灯片的问题

目前它总是从幻灯片 1 开始，但有时我希望它从幻灯片 2 开始。

html会是这样的

<div class="touchslider">
<div class="touchslider-viewport" style="width:500px;overflow:hidden"><div>
    <div class="touchslider-item">page1</div>
    <div class="touchslider-item">page2</div>
    ...
</div></div>

<div>
    <span class="touchslider-nav-item touchslider-nav-item-current">1</span>
    <span class="touchslider-nav-item">2</span>

</div>
</div>

然后开始

<script>
jQuery(function($) {
 jQuery(".touchslider").touchSlider({/*options*/});
});
</script>

和 JavaScript 是

http://touchslider.com/jquery.touchslider.js

我想传递一个像 startSlide 这样的选项，但这不是当前选项。

任何帮助表示赞赏

Answer 1

我决定这样做

在主页

<script>
jQuery(function($) {
 jQuery(".touchslider").touchSlider({ startSlide:2}); 
});
</script>

然后将此添加到JS

在添加的选项中

开始幻灯片：1

然后靠近默认下一步按钮的位置

if ( options.startSlide > 1  ) {
        startSlide(options.startSlide);
}

然后添加了这个功能

function startSlide(number, complete) {
        switching.to(ret.current + number-1, { dirX: + number-1, complete: complete });
}