Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.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/3/html/74.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 使用演示滑块了解如何使幻灯片自动流动_Javascript_Html_Css - Fatal编程技术网

Javascript 使用演示滑块了解如何使幻灯片自动流动

Javascript 使用演示滑块了解如何使幻灯片自动流动,javascript,html,css,Javascript,Html,Css,使用HTML、CSS和JS,我想制作一个类似于此演示的滑块,但我希望幻灯片能够自动流动,并在鼠标悬停时暂停 不用点击事件,只需使用setInterval(函数,5000);并编写切换幻灯片的函数,间隔将每5秒运行一次该函数。这很好,我们可以提供什么帮助?谢谢,我希望幻灯片自动切换为微笑,并在鼠标悬停时暂停在幻灯片上。您需要分离单击事件绑定之外的逻辑。这样,您可以传递“当前”和“下一个”幻灯片值,并相应地更改视图。然后设置超时或间隔以自动调用代码来更改视图。如果你继续挣扎,请尝试并发布你的代码。可

使用HTML、CSS和JS,我想制作一个类似于此演示的滑块,但我希望幻灯片能够自动流动,并在鼠标悬停时暂停


不用点击事件,只需使用setInterval(函数,5000);并编写切换幻灯片的函数,间隔将每5秒运行一次该函数。

这很好,我们可以提供什么帮助?谢谢,我希望幻灯片自动切换为微笑,并在鼠标悬停时暂停在幻灯片上。您需要分离单击事件绑定之外的逻辑。这样,您可以传递“当前”和“下一个”幻灯片值,并相应地更改视图。然后设置超时或间隔以自动调用代码来更改视图。如果你继续挣扎,请尝试并发布你的代码。可以用纯css或no@EmilyMcMullin不,您需要使用Javascript/jQuery。您介意举个例子吗?不是要求你完整地编写函数,我只是不知道如何启动。是的,你得到了一个数组中的所有幻灯片[…,…,…,]。然后,将第一个元素放入网页上的容器中,并创建一个函数,将+1添加到数组索引中,以便显示的元素从数组[0]更改为数组[1],并设置该函数的间隔,以便该函数将重复并每次添加+1以更改显示的数组元素(幻灯片)。
[slider link][1]