jQuery腳本在Django應用程序 - 403錯誤

我在本地運行的Heroku使用一個Django應用程序，和S3爲我的媒體+靜態文件。該應用程序包括一個迷你幻燈片放映，可根據命令循環顯示圖像，不再拉拽圖像，我在幻燈片循環中看到403錯誤。jQuery腳本在Django應用程序 - 403錯誤

該腳本嵌入在我的HTML中，而不是一個單獨的文件。這是因爲我知道如何使用"{{ listing.image1.url }}"
調用圖像。當我點擊下一步按鈕，我可以看到它通過圖像循環（雖然它顯示在瀏覽器中一個破碎的形象）
S3的設置似乎罰款 - 所有其他媒體和靜態文件是
堆焊正確的腳本是工作的罰款之前，我搬到了S3
我可以從我的HTML分別訪問圖像

這裏是我的劇本，這是我的第一個我寫的jQuery所以它不是寫得很好，左邊滾動有點古怪：

<script type = "text/javascript" src = "http://code.jquery.com/jquery-1.8.0.min.js"></script> 
<script type = "text/javascript"> 

$(document).ready(function() { 
    var imageName = ["{{ listing.image1.url }}", "{{ listing.image2.url }}", "{{ listing.image3.url }}"]; 
    var indexNum = 1; 

    $("#right-scroll").click(function() { 
     $("#picture").fadeOut(30, function() { 
      $("#picture").attr("src", imageName[indexNum]); 
      indexNum++; 
      if (indexNum > 2) {indexNum = 0;} 
      $("#picture").fadeIn(50); 

    $("#left-scroll").click(function() { 
     $("#picture").fadeOut(30, function() { 
      $("#picture").attr("src", imageName[indexNum]); 
      indexNum--; 
      if (indexNum < 0) {indexNum = 2;} 
      $("#picture").fadeIn(50); 

     }); 
     });    
     }); 
    }); 
}); 
</script>

下面是相關的HTML部分：

<div id = "image-gallery"> 
      <img id = "picture" src ="{{ listing.image1.url }}"> 
      <img class = "scroll" id = "left-scroll" src="{% static 'left-scroll.jpg' %}"> 
      <img class = "scroll" id = "right-scroll" src="{% static 'right-scroll.jpg' %}"> 
</div>

來源

2013-07-31 Suraj Kapoor

檢查圖像的URL，可以您個人訪問它們？ –

是的，從S3單獨訪問圖像沒有問題。我將在我的問題中包括這一點。 –

究竟是什麼問題？「不工作」是一個非常模糊的術語。你在控制檯中看到任何錯誤嗎？ –