Jquery幻灯片可以离线工作，但不能在线

Question

我正在建立一个网站 (www.saunahygiea.com)，我正在尝试使用一些 javascript，但我是新手。

网站的背景应该是一些图片的幻灯片。因此，我使用了 jquery。当我使用 Dreamweaver 离线测试时，一切看起来都很好，而且效果很好，但是当我在线上传它时，背景不显示图片幻灯片。

这是我的脚本 html 代码。

<script src="jquery.js"></script>
    <script src="jquery.backstretch.js"></script>
    <script>
        $.backstretch([
          "images/1.jpg",
          "images/2.jpg",
          "images/3.jpg",
          "images/4.jpg",
          "images/5.jpg",
          "images/6.jpg"
        ], {
            fade: 750,      //Speed of Fade
            duration: 4000  //Time of image display
        });
    </script>

文件 jquery.js 和 jquery.backstretch.js 与我的网站在同一目录中。

我从http://www.bluenotesentertainment.com/blog/full-size-background-slideshow/下载了文件。

提前致谢！

Answer 1

Chrome 开发者控制台说：

GET http://www.saunahygiea.com/images/1.jpg 404 (Not Found) 

检查您的/images 目录后，发现您的图像在那里，但名称如下

images/1.JPG  

这意味着文件扩展名是大写的。这似乎区分大小写，因此请将您的文件更改为小写文件扩展名或在您的代码中将其调整为大写文件扩展名。