2011-05-29 58 views
1

我正在尝试使用AnythingSlider创建嵌套滑块,并且我遇到了一个问题。展望未来,幻灯片过渡良好。但是,返回时,一旦包含嵌套滑块的幻灯片到达,幻灯片会从右向左移动到不合适位置。如何使用AnythingSlider在嵌套滑块上平滑过渡?

下面是我正在经历的一个例子:http://jsfiddle.net/S8Je5/118/ - 相对于嵌套滑块幻灯片,正向和反向转换之间存在明显的区别。

非常感谢您的帮助。

回答

0

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

0

这仍然有一些怪癖,是一种哈克,但过渡看起来好多了。

步骤1:将#slider2 jquery的上述#slider jquery的

步骤2:<center>您的内UL(slider2)

下面是结果:http://jsfiddle.net/S8Je5/119/

的诡诈是,有时它似乎在内侧滑块中显示空白图像。

在Chrome中,您可以修复放置一个img标签风格浮动内UL内:左

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

这非常适用于Chrome浏览器,不知道其他的浏览器,但这是一个好的开始。

+0

感谢这一点,但是切换声明的顺序并没有解决我的非测试版本上的任何问题。 – Jish 2011-05-30 06:42:19

+0

哎呀,刚注意到我的答案缺少'中心'一词,因为它不在代码标签中。这确实是重要的一部分。我注意到你的解决方案在转换过程中没有显示前进/后退按钮,但只要你对它满意,就很高兴它已经修复了! – Jeff 2011-05-30 06:45:15