javascript - 为什么我的图像滑块不会自动启动?
问题描述
我希望在这里得到一些帮助。我认为解决方案可能很容易,但我找不到问题。
我创建了一个图像滑块,点击时会更改按钮。我有来自互联网的代码,它工作正常。问题是轮播不会在网站起始页上自动启动。只有当我点击第一张图片时,幻灯片循环才会开始。
这就是我的 .js 代码的样子。问候 :)
/*SLIDESHOW*/
var slideIndex = 0;
showSlide(slideIndex);
function plusSlides(n){
showSlide(slideIndex += n);
}
function currentSlide(n) {
showSlide(slideIndex = n);
}
function showSlide(n){
var i;
var slides = document.getElementsByClassName("myslides fade");
var dots = document.getElementsByClassName("dots");
if (n > slides.length) { slideIndex = 3};
if (n < 3) { slideIndex = slides.length};
for (i=0;i<slides.length;i++)
{
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length)
{slideIndex = 1}
for (i=0;i<dots.length;i++) {
dots[i].className = dots[i].className.replace("active","");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
setTimeout(showSlide, 3000);
}
解决方案
在 document.ready 函数中添加您的代码并尝试,
$( document ).ready(function() {
//Your Code
});
推荐阅读
- javascript - Discord.js - AFK 在一个小时左右后消失
- linux - GNU 屏幕不显示颜色或 ascii 完整块
- python - 导入for循环以跳过数据文件不存在
- amazon-web-services - 为什么 Amazon Forecast 给我参数错误?
- python - 检查字典的类型是否在 Python 中嵌套?
- amazon-web-services - AWS - 如何限制 Amazon S3 对 VPC 的访问
- ios - html5视频无法在IOS上播放
- google-sheets - QUERY 和 UNIQUE
- python - discord.py 如何制作一个在不同渠道做不同事情的命令
- javascript - 保存时的日期/时间差异问题 - Angular