我最近通过 Lets Encrypt 获得了 SSL。我有一个可以完美运行的幻灯片脚本,但现在我遇到了问题。而不是加载 https://URL/img/slideimg1.png正在加载 https://URLimg/slideimg1.png !
document.getElementById("left").style.opacity =1;
var currentSlide = 2;
var refreshSlideInterval = setInterval(changeSlide, 5000);
function changeSlide() {
if (currentSlide == 1) {
currentSlide++;
document.getElementById("slide1IMG").src = 'https://theskindealer.com/img/slideimg1.png';
document.getElementById("left").style.opacity =1;
document.getElementById("right").style.opacity =.5;
} else if (currentSlide == 2) {
currentSlide++;
document.getElementById("slide1IMG").src = 'https://theskindealer.com/img/slideimg2.png';
document.getElementById("middle").style.opacity =1;
document.getElementById("left").style.opacity =.5;
} else {
--currentSlide;
--currentSlide;
document.getElementById("slide1IMG").src = 'https://theskindealer.com/img/slideimg3.png';
document.getElementById("right").style.opacity =1;
document.getElementById("middle").style.opacity =.5;
}
}
function firstSlide() {
currentSlide = 1;
changeSlide();
// Reset the interval
clearInterval(refreshSlideInterval);
refreshSlideInterval = setInterval(changeSlide, 5000);
}
function secondSlide() {
currentSlide = 2;
changeSlide();
// Reset the interval
clearInterval(refreshSlideInterval);
refreshSlideInterval = setInterval(changeSlide, 5000);
}
function thirdSlide() {
currentSlide = 3;
changeSlide();
// Reset the interval
clearInterval(refreshSlideInterval);
refreshSlideInterval = setInterval(changeSlide, 5000);
}
不确定我是否可以提供帮助链接,但该网站是 theskindealer.com 你会在那里看到检查错误! 预先感谢所有帮助和建议!
最佳答案
检查导致错误的 404 未找到图像的拼写 --> https://theskindealer.com/img/slide1.png
从浏览器检查元素我发现它应该是https://theskindealer.com/img/slideimg1.png相反?
关于javascript - 安装 SSL 后幻灯片无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57264569/