Javascript jQuery-Cloud9 Carousel-goTo函数
我试图用Cloud9旋转木马实现Javascript jQuery-Cloud9 Carousel-goTo函数,javascript,jquery,slider,carousel,Javascript,Jquery,Slider,Carousel,我试图用Cloud9旋转木马实现goTo(itemIndex)功能。您可以看到,Cloud9 carousel有一个内置函数go(x),它可以移动您定义的旋转木马x次。但我试图实现的是转到旋转木马中的特定项目,而不是x时间幻灯片更改。例如,如果在go功能中放入3,旋转木马将滚动3次。我需要一些特定的东西,比如下面的降价: <li id="item1">Example 1</li> <li id="item2">Example 3</li> <
goTo(itemIndex)
功能。您可以看到,Cloud9 carousel有一个内置函数go(x)
,它可以移动您定义的旋转木马x
次。但我试图实现的是转到旋转木马中的特定项目,而不是x
时间幻灯片更改。例如,如果在go功能中放入3,旋转木马将滚动3次。我需要一些特定的东西,比如下面的降价:
<li id="item1">Example 1</li>
<li id="item2">Example 3</li>
<li id="item3">Example 2</li>
这将提供一个
整数,该整数对应当前显示的项目,因此我们可以通过给出正参数和负参数来计算其他索引
< P>请,如果有人考虑给我一些启示,Cythd9转盘项目的GITHUB链接是:< P>您可以使用以下函数: 其中hits是旋转木马项目的数组
function goto(item){
if( hits.length !== 0 ) {
var idx = hits.index(item);
var count = hits.length;
var diff = idx - ($("#mycarousel").data("carousel").floatIndex() % count);
if( 2 * Math.abs(diff) > count )
diff += (diff > 0) ? -count : count;
$("#mycarousel").data("carousel").destRotation = $("#mycarousel").data("carousel").rotation;
$("#mycarousel").data("carousel").go( -diff );
}
}
希望它将有助于注意到2.1.0中的流行需求I
goTo(index)
现在的用法是:
$(“旋转木马”).data(“旋转木马”).goTo(3)代码>将对其进行测试并发回给您。提前谢谢
function goto(item){
if( hits.length !== 0 ) {
var idx = hits.index(item);
var count = hits.length;
var diff = idx - ($("#mycarousel").data("carousel").floatIndex() % count);
if( 2 * Math.abs(diff) > count )
diff += (diff > 0) ? -count : count;
$("#mycarousel").data("carousel").destRotation = $("#mycarousel").data("carousel").rotation;
$("#mycarousel").data("carousel").go( -diff );
}
}