jQuery ResponsiveSlides - 如何使用<ul>

时间:2017-08-03 13:50:22

标签: javascript jquery html css

我目前正在使用responsiveSlides 作为我们网页上的图像滑块。 它是一个jQuery滑块,使用HTML未排序的图像列表进行滑动(在我的情况下自动)。

现在问题是,在滑块实际启动之前(意味着加载了脚本),显示未排序列表中的最后一张图片,片刻。然后滑块开始使用该列表中的第一个图像。

我尝试使用缩小版本的js文件,并在HTML标记的最开头加载该脚本。这实际上缩短了最后一张照片的显示时间,但它仍然显而易见且烦人。 (每当点击导航点时都会发生这种情况,因为页面正在加载新的...)

我还尝试使用超时函数(js)来显示包含div的未排序列表,在几毫秒之后,或者在document.ready状态等等。

但所有这些都是丑陋的尝试。

所以现在我正处于这一点,我试图了解整个滑块脚本是如何工作的,我假设必须有一个点,我可以设置从我的未排序列表中的最后一张图片开始,而不是从第一个开始,但我在代码中找不到这一点。

我无法通过正确的语法突出显示在此处发布代码,因此您可以找到代码here

非常感谢任何想法!

1 个答案:

答案 0 :(得分:1)

正如我在他们的演示页面上看到的那样,滑动是因为改变z-index而发生的,因此像饼图一样滑动。 在您的滑块中,您可能会在脚本初始化时看到最后一张幻灯片,因为已经应用了CSS,但还没有JS。 我建议在CSS中为您的所有幻灯片添加opacity: 0;。当JS准备就绪时,它会自己添加opacity: 1;