javascript - 安装 SSL 后幻灯片无法正常工作

标签 javascript html ssl

我最近通过 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/

相关文章:

javascript - 拼接不从数组 javascript 中删除项目

html - 使颜色图例与其他 div 在同一行 float

javascript - HTML5 音频playbackRate 属性不适用于移动浏览器?

google-app-engine - Google App Engine 上的 SSL 证书无法正常工作

php - 使用 PHP 从 p12 证书文件中获取信息

ruby - 台风 ssl_connect_error

JavaScript:使用引用函数时在事件处理程序中获取 $(this)

javascript - 无法添加具有指定类的 <select> 标记

javascript - 如果不选择文件,FileReader 将无法工作

node.js - 在 EJS 中循环 JSON