2013-07-31 2 views
0

Я запускаю приложение Django локально с использованием Heroku и s3 для своих медиа + статических файлов. Приложение включает в себя мини-слайд-шоу, которое циклически перемещается по изображениям по команде и больше не тянет изображения, я вижу ошибку 403, когда я просматриваю слайд-шоу.Сценарий JQuery в приложении Django - ошибка 403

  1. Сценарий встроен в мой HTML, а не отдельный файл. Это , потому что я знаю, как назвать изображения с помощью "{{ listing.image1.url }}"
  2. При нажатии на кнопку Далее, я могу видеть его на велосипеде через образы (хотя он показывает разбитое изображение в браузере)
  3. Установка s3 кажется, хорошо - все другие средства массовой информации и статические файлы
  4. всплывать правильно сценарий работает отлично, прежде чем я переехал в S3
  5. я могу получить доступ к образам индивидуально от моего HTML

Вот мой сценарий, это мой сначала ti мне писать 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> 
+0

Проверьте изображение URL, вы можете получить доступ к ним в индивидуальном порядке? –

+0

Да, нет проблем с доступом к изображениям отдельно от s3. Я включу этот вопрос в свой вопрос. –

+0

В чем проблема? «Не работает» - очень неопределенный термин. Вы видите какие-либо ошибки в консоли? –

ответ

Смежные вопросы