模态Django中的轮播

Posted

技术标签:

【中文标题】模态Django中的轮播【英文标题】:Carousel in modal Django 【发布时间】:2021-08-15 13:50:13 【问题描述】:

您好,我正在尝试在我的模式中放置一个轮播。一切正常,直到我把它。有人可以告诉我有什么问题吗? 图库.html

% for photo in Gallery % ×
                                <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                                        <div class="carousel-inner">
                                
                                        <div class="carousel-item">
                                
                                            <img src="photo.imageURL" >
                                          </div>
                            
                                    
                                        </div>
                                        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                                          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                          <span class="sr-only">Previous</span>
                                        </a>
                                        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                                          <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                          <span class="sr-only">Next</span>
                                        </a>
                                      </div>







                         </div>
                         <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                         </div>
                        </div>
                       </div>
                    </div>
                % endfor %
              


              </div>
            </div>  
          </div> 

【问题讨论】:

【参考方案1】:

请更改下面的照片网址路径

<img src="photo.image.url" >

【讨论】:

以上是关于模态Django中的轮播的主要内容,如果未能解决你的问题,请参考以下文章

jQuery图片轮播轮播实现并封装

一分钟搞定AlloyTouch图片轮播

一分钟搞定AlloyTouch图片轮播

光滑的轮播 JS 库在第一张幻灯片上堆叠所有内容

vue中的轮播图

为啥我的轮播滑块中的图像没有响应?