jquery滑块插件建议 - 需要1个滑块淡入并触发另一个滑动

我期待在页面顶部有1个大图像滑块，下面有4个相关的较小图像。当顶部图像改变（通过淡入淡出效果）时，我希望底部4像传送带一样移动到下一个4.大图像没有导航，但点击下一个按钮传送带应该在大的幻灯片中触发更改。所以，我想知道是否有一个滑块插件，让我有2个滑块/不同的效果，但保持同步。jquery滑块插件建议 - 需要1个滑块淡入并触发另一个滑动

一些滑块我已经看过： NIVO - “之前”和“变更后”的回调，但没有外部控制任何滑块 - 外部控制，但没有“上滑变”回调轨道滑块 - “改变后'回调，但没有外部控制

通过外部控制我不是指插件生成的导航按钮....我的意思是能够将一个事件（可能是点击）绑定到一个随机元素来推进滑块移动到下一张幻灯片。

有什么建议吗？

来源

2012-02-28 helgatheviking

我并不完全确定保持同步，但jQuery cycle plugin可能会让你在那里。它非常强大，有很多效果和回调函数（例如之前，之后）。它也允许您附加导航到链接，或创建分页链接以及。

至于保持同步，我认为你必须严重依赖交互时的回调函数。这将会是很容易得到的对图像集上载一起旋转：

$('#big_image_div, #little_images_ul').cycle({ 
    //options go here 
});

你也可以分裂周期声明了：

$('#big_image_div').cycle({ 
    //options go here 
}); 

$('#little_images_ul').cycle({ 
    //similar options go here 
});

如果你想看到所有的options, go here 。

如果您需要它们同步，请确保timeout选项匹配。你将不得不摆弄选项和回调函数来获得你想要的确切效果。

这不是一个完整的答案，但它应该让你朝着正确的方向前进。

来源

2012-02-28 16:13:00 chipcullen

是的，它非常。谢谢！循环看起来最终可能是解决方案。 – helgatheviking 2012-02-28 17:52:34

此外，我没有看到一个onChange回调...之前和之后。我不想念我吗？（意味着在转换过程中触发的回调？） – helgatheviking 2012-02-28 18:43:57

我不确定它是否确实如此 - 我不知道它是否以这种方式构建。如果你像setTimeout这样的东西混淆了，你可以使一个before函数*看起来像*在转换过程中被触发。 – chipcullen 2012-02-28 19:11:02

jquery滑块插件建议 - 需要1个滑块淡入并触发另一个滑动

回答

相关问题