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

时间:2013-01-15 00:01:16

标签: jquery touch slide

我正在使用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这样的选项,但这不是当前选项。

感谢任何帮助

1 个答案:

答案 0 :(得分:0)

我决定这样做

在主页

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

然后将其添加到JS

添加的选项中的

startSlide:1

然后接近默认的下一个按钮

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

然后添加了这个功能

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