我正在使用 Heroku 在本地运行 Django 应用程序,并为我的媒体 + 静态文件运行 s3。该应用程序包含一个迷你幻灯片放映,可根据命令循环播放图像,并且不再拉入图像,当我循环播放幻灯片时,我看到了 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>