我正在尝试使用 AnySlider 创建嵌套滑块,但遇到了一个问题。展望未来,幻灯片过渡良好。但是,回过头来,一旦到达包含嵌套滑块的幻灯片,幻灯片就会笨拙地从右到左移动到位。
这是我正在经历的一个例子:http: //jsfiddle.net/S8Je5/118/——对于嵌套的滑块幻灯片,向前和向后转换之间有明显的区别。
非常感谢您的帮助。
我正在尝试使用 AnySlider 创建嵌套滑块,但遇到了一个问题。展望未来,幻灯片过渡良好。但是,回过头来,一旦到达包含嵌套滑块的幻灯片,幻灯片就会笨拙地从右到左移动到位。
这是我正在经历的一个例子:http: //jsfiddle.net/S8Je5/118/——对于嵌套的滑块幻灯片,向前和向后转换之间有明显的区别。
非常感谢您的帮助。
这仍然有一些怪癖并且有点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 中运行良好,不确定其他浏览器,但它是一个好的开始。
啊,好的,所以它显示了嵌套滑块的第一个克隆面板的闪光。我必须做的是重新设计克隆的面板内容,使其类似于第一个真正的嵌套幻灯片。(我可以通过使用 Firebug 将外部滑块的位置设置为 0 来查看克隆面板的外观)。这是固定版本:http: //jsfiddle.net/S8Je5/146/