我正在使用Blueimp画廊在我的网站上展示一些图像。有8张图像分为两行。第五张缩略图(第二行的第一张图像)似乎坏了,尽管我可以在轮播演示中看到它。

![缩略图]:https://drive.google.com/file/d/0ByO6EWQ4CgAUaGwzbXhnWDlBWFU/view?usp=sharing

这是代码



<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
			<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
			    <div class="slides"></div>
			    <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>
			</div>
		    <div id="links">
				<div class="row">
					<div class="col-xs-2 col-xs-offset-3">
					    <a href="img/117.jpg" class="thumbnail">
					        <img src="img/thumbnails/117.jpg">
					    </a>
					</div>
					<div class="col-xs-2">
					    <a href="img/119.jpg" class="thumbnail">
					        <img src="img/thumbnails/119.jpg">
					    </a>
					</div>
					<div class="col-xs-2">
					    <a href="img/120.jpg" class="thumbnail">
					        <img src="img/thumbnails/120.jpg">
					    </a>
					</div>
					<div class="col-xs-2">
					    <a href="img/121.jpg" class="thumbnail">
					        <img src="img/thumbnails/121.jpg">
					    </a>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-2 col-xs-offset-3">
					    <a href="img/125.jpg" class="thumbnail">
					        <img src="img/tumbnails/125.jpg">
					    </a>
					</div>
					<div class="col-xs-2">
					    <a href="img/128.jpg" class="thumbnail">
					        <img src="img/thumbnails/128.jpg">
					    </a>
					</div>
					<div class="col-xs-2">
					    <a href="img/129.jpg" class="thumbnail">
					        <img src="img/thumbnails/129.jpg">
					    </a>
					</div>
					<div class="col-xs-2">
					    <a href="img/130.jpg" class="thumbnail">
					        <img src="img/thumbnails/130.jpg">
					    </a>
					</div>
				</div>
			</div>
			<script>
			document.getElementById('links').onclick = function (event) {
			    event = event || window.event;
			    var target = event.target || event.srcElement,
			        link = target.src ? target.parentNode : target,
			        options = {index: link, event: event},
			        links = this.getElementsByTagName('a');
			    blueimp.Gallery(links, options);
			};
			</script>  





有谁知道这里会发生什么。提前致谢!

最佳答案

您有错别字:变更

<img src="img/tumbnails/125.jpg">


去(加上'h')

<img src="img/thumbnails/125.jpg">


:)

关于javascript - 发行Blueimp画廊Twitter bootstrap ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30169676/

10-13 01:07