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

Question

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

网站的背景应该是一些图片的幻灯片。因此我使用了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 Dev控制台说：

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

检查完/images目录后，它会显示您的图片在那里，但是这样命名

images/1.JPG  

表示文件扩展名为大写。这似乎区分大小写，因此将文件更改为小写文件扩展名或将其调整为代码中的大写文件扩展名。