如何使用AnythingSlider在嵌套滑块上获得平滑过渡?

时间:2011-05-29 18:18:56

标签: jquery anythingslider

我正在尝试使用AnythingSlider创建嵌套滑块,我遇到了一个问题。向前看,幻灯片转换正常。但是,返回后,一旦到达包含嵌套滑块的幻灯片,幻灯片就会从右向左移动到位。

以下是我遇到的一个示例:http://jsfiddle.net/S8Je5/118/ - 相对于嵌套滑块幻灯片,前向和后向过渡之间存在明显差异。

非常感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

这仍然有一些怪癖,并且有点hacky,但过渡看起来好多了。

步骤1:将#slider2 jquery移动到#slider jquery

之上

第2步:<center>你的内部ul(slider2)

结果如下:http://jsfiddle.net/S8Je5/119/

奇怪的是,有时它似乎在内部滑块中显示空白图像。

在Chrome中,你可以通过在内部ul中放置一个img标签并使用样式float:left

来解决这个问题

更新示例:http://jsfiddle.net/S8Je5/120/

这在Chrome中运行良好,不确定其他浏览器,但它是一个良好的开端。

答案 1 :(得分:0)

啊,好吧,所以它显示了嵌套滑块的第一个克隆面板的闪光。我必须要做的是将克隆的面板内容重新设置为类似于第一个真正的嵌套幻灯片。 (通过使用Firebug将外滑块的位置设置为0,我能够看到克隆面板的外观)。以下是固定版本:http://jsfiddle.net/S8Je5/146/