浏览器无法找到背景图片的文件

Question

我尝试将本地文件用于我的背景图片，当我通过文本编辑器预览时，它可以正常工作，但当我将更改推送到我的github页面时，控制台会返回GET http://davez01d.github.io/images/background-1.PNG 404 (Not Found)。这是加载背景图片的脚本 -

var backgroundImages = [
    {url: '../images/background-1.PNG', credit: 'http://www.intrawallpaper.com'},
    {url: '../images/background-2.JPG', credit: 'David Stewart'},
    {url: '../images/background-3.JPG', credit: 'David Stewart'},
    {url: '../images/background-4.GIF', credit: 'http://jecichon.tumblr.com'},
  ];

  $('#hero').css('background-image', 'url(' + backgroundImages[Math.floor(Math.random()*backgroundImages.length)].url + ')');

我的文件结构设置如下

-Davez01d.github.io
  -css
    -style.css
   -images
     -background-1.PNG
     -background-2.JPG
     -etc.

Answer 1

你的github上的文件扩展名是小写的。用png，jpg，gif替换PNG，JPG，GIF，它可以工作。