Twitter bootstrap 使用Blueimp的引导映像库不工作
我正在尝试在我的引导框架网站上添加图像库功能 我在画廊用。 但问题是它不显示图像,只显示“下一步”和“上一步”按钮。 请帮帮我 以下是我的Html代码:Twitter bootstrap 使用Blueimp的引导映像库不工作,twitter-bootstrap,gallery,blueimp,Twitter Bootstrap,Gallery,Blueimp,我正在尝试在我的引导框架网站上添加图像库功能 我在画廊用。 但问题是它不显示图像,只显示“下一步”和“上一步”按钮。 请帮帮我 以下是我的Html代码: <div id="blueimp-gallery" class="blueimp-gallery"> <!-- The container for the modal slides --> <div class="slides"></div> <!-- Con
<div id="blueimp-gallery" class="blueimp-gallery">
<!-- The container for the modal slides -->
<div class="slides"></div>
<!-- Controls for the borderless lightbox -->
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
<!-- The modal dialog, which will be used to wrap the lightbox content -->
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" aria-hidden="true">×</button>
<h4 class="modal-title"></h4>
<div id="links">
<a href="images/1.jpg" title="Banana" data-gallery>
<img src="images/thumbnails/1.jpg" alt="Banana">
</a>
<a href="images/2.jpg" title="Apple" data-gallery>
<img src="images/thumbnails/2.jpg" alt="Apple">
</a>
<a href="images/3.jpg" title="Orange" data-gallery>
<img src="images/thumbnails/3.jpg" alt="Orange">
</a>
</div>
</div>
<div class="modal-body next"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left prev">
<i class="glyphicon glyphicon-chevron-left"></i>
Previous
</button>
<button type="button" class="btn btn-primary next">
Next
<i class="glyphicon glyphicon-chevron-right"></i>
</button>
</div>
</div>
</div>
</div>
以前的
下一个
将带有链接ID的
div
元素放在整个代码之外
以下是引导blueimp的帮助:
请确保页面上正确设置了指向blueimp-gallery.min.css和jquery.blueimp-gallery.min.js的路径。