Я запускаю приложение Django локально с использованием Heroku и s3 для своих медиа + статических файлов. Приложение включает в себя мини-слайд-шоу, которое циклически перемещается по изображениям по команде и больше не тянет изображения, я вижу ошибку 403, когда я просматриваю слайд-шоу.Сценарий JQuery в приложении Django - ошибка 403
- Сценарий встроен в мой HTML, а не отдельный файл. Это , потому что я знаю, как назвать изображения с помощью
"{{ listing.image1.url }}"
- При нажатии на кнопку Далее, я могу видеть его на велосипеде через образы (хотя он показывает разбитое изображение в браузере)
- Установка s3 кажется, хорошо - все другие средства массовой информации и статические файлы
- всплывать правильно сценарий работает отлично, прежде чем я переехал в S3
- я могу получить доступ к образам индивидуально от моего 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>
Проверьте изображение URL, вы можете получить доступ к ним в индивидуальном порядке? –
Да, нет проблем с доступом к изображениям отдельно от s3. Я включу этот вопрос в свой вопрос. –
В чем проблема? «Не работает» - очень неопределенный термин. Вы видите какие-либо ошибки в консоли? –