从文件夹中提取图像，403错误

Question

我在此脚本上收到403禁止错误。在与我的服务提供商通电话后，他们说我的代码是错误的，并且我错误地映射了它。但我知道我不是，因为如果我错误地映射我会得到404错误而不是403错误。它是否正确？基本上我是从文件夹中提取图像并将它们放入幻灯片中。但Javascript收到403错误。任何帮助将不胜感激，谢谢。

$(document).ready(function() {
  var dir = "Ads/";
  var fileextension = ".jpg";
  $.ajax({
    url: dir,
    success: function (data) {
      $(data).find("a:contains(" + fileextension + ")").each(function () {
        var filename = this.href.replace(window.location.host, "").replace("http://", "");
        var newimage = document.createElement('li');
        newimage.innerHTML = ('<img src="'+dir+filename+'" width="100%" height="100%" />');
        document.getElementById("localAds").appendchild(newimage);
      });
    }
  });
});
$(function () {
  var change_img_time     = 5000; 
  var transition_speed    = 100;
  var simple_slideshow    = $("#localAds"),
  listItems           = simple_slideshow.children('li'),
  listLen             = listItems.length,
  i                   = 0,
  changeList = function () {
    listItems.eq(i).fadeOut(transition_speed, function () {
      i += 1;
      if (i === listLen) {
        i = 0;
      }
      listItems.eq(i).fadeIn(transition_speed);
    });
  };
  listItems.not(':first').hide();
  setInterval(changeList, change_img_time);
});

编辑：

HTML：

<ul id="localAds" class="crop"></ul>

CSS：

.crop {
  width: 353px;
  height: 206px;
  overflow: hidden;
}
.crop img {
  width: 353px;
  height: 206px;
}

该页面看起来像通过幻灯片显示的名片大小的图像。