首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >发布Blueimp图片库

发布Blueimp图片库
EN

Stack Overflow用户
提问于 2015-05-11 13:59:10
回答 1查看 91关注 0票数 0

我正在使用Blueimp画廊在我的网站上展示一些图片。有8幅图像分成两行。第五张缩略图(第二行的第一张图片)似乎坏了,虽然我可以在旋转木马的演示中看到它。

https://drive.google.com/file/d/0ByO6EWQ4CgAUaGwzbXhnWDlBWFU/view?usp=sharing

这是密码

代码语言:javascript
复制
<!-- 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>  

有没有人知道这里会发生什么。提前感谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-05-11 14:13:59

你有一个错误:改变

代码语言:javascript
复制
<img src="img/tumbnails/125.jpg">

添加“h”

代码语言:javascript
复制
<img src="img/thumbnails/125.jpg">

:)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30169676

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档