Question

我是django的新手，我正在创建一个网站，该网站以Carousel滑块（引导程序4）的形式在首页上显示产品图片。

{%extends 'blog/base.html'%}

    {%block content%}

    <ol class="carousel-indicators">

    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>

    <li data-target="#myCarousel" data-slide-to="1"></li>

    <li data-target="#myCarousel" data-slide-to="2"></li>

    <li data-target="#myCarousel" data-slide-to="3"></li>

    <li data-target="#myCarousel" data-slide-to="4"></li>

    <li data-target="#myCarousel" data-slide-to="5"></li>

</ol>

<!-- Wrapper for slides -->

<div class="carousel-inner" role="listbox">

    {% for p in products %}

    {% if forloop.counter == 1 %}

    <div class="item active">

    {% else %}

    <div class="item">

    {% endif %}

        <img src="{{ p.image.url }}" alt="Image" width="460" height="345">

  <div class="carousel-caption">

    <h3>{{ p.name }}</h3>

    <p>{{ p.description }}</p>

  </div>

    </div>

    {% endfor %}

    </div>

    <!-- Left and right controls -->

    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">

        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

        <span class="sr-only">Previous</span>

    </a>

    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">

        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

        <span class="sr-only">Next</span>

    </a>

    {%endblock content%}

但是此代码仅以直线显示所有图像，而侧面没有按钮。我提供了输出： Images in Line 我想要所有带有导航按钮的滑块格式的图像谢谢

轮播滑块在Django列表中显示图像

0 个答案: