我正在使用bootstrap图库(通过blueimp)来增强我在bootstrap中的图像.我按照repo演示部分中概述的教程,得到了一个漂亮的画廊.
我修改了一点以摆脱模态对话框(如作者的无边框示例).一切都近乎完美(这是我的简化小提琴).唯一的问题是,当我点击一个小预览时,我没有控件.只有当我稍后点击原始图像时 - 控件才会出现在屏幕上.
我假设我错过了一些非常简单的东西,比如showStartingControlls = true;:-),但我无法弄清楚这一点.
如果有人可以调查这个问题,我将非常感激
我正在使用这里找到的Bootstrap图像库,我很难将缩略图集中在页面上.
它们中心很好,直到我为样式添加最大宽度以限制一行上的缩略图数量.
网页在这里,这是我的代码:
<div id="links" class="text-center div-gallery">
<a href="http://te-al.co.uk/images/portfolio/abbyjan/gallery/aj1.jpg" title="1" data-gallery> <!-- Image -->
<img src="http://te-al.co.uk/images/portfolio/abbyjan/thumbnails/aj1t.jpg" class="img-gal-box" alt="1"> <!-- Thumbnail -->
</a>
<a href="http://te-al.co.uk/images/portfolio/abbyjan/gallery/aj2.jpg" title="2" data-gallery>
<img src="http://te-al.co.uk/images/portfolio/abbyjan/thumbnails/aj2t.jpg" class="img-gal-box" alt="2">
</a>
<a href="http://te-al.co.uk/images/portfolio/abbyjan/gallery/aj3.jpg" title="3" data-gallery>
<img src="http://te-al.co.uk/images/portfolio/abbyjan/thumbnails/aj3t.jpg" class="img-gal-box" alt="3">
</a>
<a href="http://te-al.co.uk/images/portfolio/abbyjan/gallery/aj4.jpg" title="4" data-gallery>
<img src="http://te-al.co.uk/images/portfolio/abbyjan/thumbnails/aj4t.jpg" class="img-gal-box" alt="4">
</a>
<a href="http://te-al.co.uk/images/portfolio/abbyjan/gallery/aj5.jpg" title="5" data-gallery>
<img src="http://te-al.co.uk/images/portfolio/abbyjan/thumbnails/aj5t.jpg" class="img-gal-box" alt="5">
</a>
<a href="http://te-al.co.uk/images/portfolio/abbyjan/gallery/aj6.jpg" title="6" data-gallery>
<img src="http://te-al.co.uk/images/portfolio/abbyjan/thumbnails/aj6t.jpg" class="img-gal-box" alt="6">
</a>
<a href="http://te-al.co.uk/images/portfolio/abbyjan/gallery/aj7.jpg" title="7" data-gallery>
<img src="http://te-al.co.uk/images/portfolio/abbyjan/thumbnails/aj7t.jpg" class="img-gal-box" alt="7">
</a> …Run Code Online (Sandbox Code Playgroud)