0

我想将一个 Jquery 脚本合并到我的 Django 应用程序中。该脚本是一个幻灯片——当我点击一张图片时，它会淡出并淡入一个新的。我有两个问题——我不知道如何从我的 jQuery 脚本中调用相关的图片。其次，我的 HTML 标头标记中可能有错误，它没有选择正确的文件或库。我对 Django 和 Jquery 都很陌生，因此非常感谢您的帮助。

这是我的 HTML 头...

<head>
<title>Listings</title>
{% load staticfiles %}

<link rel="stylesheet" type="text/css" href="{% static 'noticeboard/main.css' %}"/>

<script type="text/javascript" href="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<link rel="javascript" type="text/javascript" href="{% static 'noticeboard/main.js' %}"/> 
</head>

这是相关的div ...

<div id = "image-gallery">
    {% if listing.image1 %}
    <img id = "picture" src ="{{ listing.image1.url }}">
    {% endif %} 
</div>

这是我的 Jquery 脚本。我猜var ImageName是不正确的。我需要在这里调用相关的图像文件，只是不知道如何。

$(document).ready(function() {
    var imageName = ["imgres.jpeg", "imgres2.jpeg", "imgres3.jpeg"];
    var indexNum = 0;

    $("#picture").click(function() {

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

1 回答 1

0 
var imageName = [{% for image_obj in image_objs %}"{{image_obj.image_field.url}}"{% if not forloop.last %},{% endif %} {% endfor %}];
于 2013-07-19T04:47:19.233 回答