我试着用jQuery来幻灯片放映一些照片

Question

var myImage = document.getElementById("pauls");
var imageArray = ["stpauls.jpg", "stpauls1.jpg", "stpauls2.jpg", "st pauls3.jpg"];
var imageIndex = 0;
$(document).ready (function.changeImage() {
myImage.setAttribute("src", imageArray[imageIndex]);
imageIndex ++;
if (imageIndex >= imageArray.length) {
imageIndex = 0;
}
});
setInterval(changeImage, 5000);

因此，我试图使用上面的代码旋转一系列4张照片，但当我加载页面时，没有发生任何事情，原始src照片保持

在我的HTML中，我有id＝"；pauls"；src="；圣保罗；并链接了我的文件到我的index.html文件

关于

Answer 1

检查浏览器控制台是否有错误，在ready()函数的回调中创建函数

var myImage = document.getElementById("pauls");
var imageArray = ["https://singlecolorimage.com/get/5b71aa/100x100", "https://singlecolorimage.com/get/31a57e/100x100", "https://singlecolorimage.com/get/55ae19/100x100", "https://singlecolorimage.com/get/ae1946/100x100"];
var imageIndex = 0;

$(document).ready(function() {
function changeImage() {
myImage.setAttribute("src", imageArray[imageIndex]);
imageIndex++;
if (imageIndex >= imageArray.length) {
imageIndex = 0;
}
}
setInterval(changeImage, 1000);
});

<img id="pauls" src="https://singlecolorimage.com/get/ae1946/100x100" width="100">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>