1

我正在尝试使用 AnySlider 创建嵌套滑块,但遇到了一个问题。展望未来,幻灯片过渡良好。但是,回过头来,一旦到达包含嵌套滑块的幻灯片,幻灯片就会笨拙地从右到左移动到位。

这是我正在经历的一个例子:http: //jsfiddle.net/S8Je5/118/——对于嵌套的滑块幻灯片,向前和向后转换之间有明显的区别。

非常感谢您的帮助。

4

2 回答 2

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 中运行良好,不确定其他浏览器,但它是一个好的开始。

于 2011-05-29T18:53:35.287 回答
0

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

于 2011-05-30T06:39:22.740 回答