Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery ResponsiveSlides-如何使用<;中的最后一张图片启动滑块;ul>;_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jQuery ResponsiveSlides-如何使用<;中的最后一张图片启动滑块;ul>;

Javascript jQuery ResponsiveSlides-如何使用<;中的最后一张图片启动滑块;ul>;,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我目前正在使用 作为我们网页上的图像滑块。 它是一个jQuery滑块,使用HTML未排序的图像列表进行滑动(在我的例子中是自动的) 现在我遇到的问题是,在滑块实际启动(意味着加载脚本)之前,会在短时间内显示未排序列表中的最后一张图片。然后滑块从列表中的第一个图像开始工作 我尝试使用js文件的缩小版本,并在HTML标记的最开始加载该脚本。这实际上缩短了最后一张图片的显示时间,但它仍然是明显和恼人的。(每次单击导航点都会发生这种情况,因为页面正在加载新内容…) 此外,我还尝试了超时函数(js),以在

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

现在我遇到的问题是,在滑块实际启动(意味着加载脚本)之前,会在短时间内显示未排序列表中的最后一张图片。然后滑块从列表中的第一个图像开始工作

我尝试使用js文件的缩小版本,并在HTML标记的最开始加载该脚本。这实际上缩短了最后一张图片的显示时间,但它仍然是明显和恼人的。(每次单击导航点都会发生这种情况,因为页面正在加载新内容…)

此外,我还尝试了超时函数(js),以在几毫秒后或在document.ready状态下显示包含div的未排序列表

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

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

我无法用正确的语法突出显示将代码发布在这里,因此您可以找到代码


任何想法都非常感谢

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

我在第50行设置了index=$slide.length,它将最后一张图片设置为主图片,现在我仍然需要找到循环的位置,并可能将其从递增改为递减。

感谢Anarion,正如建议的那样,我将
不透明度:0
添加到除第一张幻灯片以外的所有幻灯片中。现在这东西就像一个符咒。