我有一组缩略图，我想要点击其中一个，以便很好地显示它的屏幕范围版本，使网站的其余部分变灰，直到再次点击为止。
我看过一些网站在做这件事，但过去几天没有幸运。
我确实在本网站上使用HTML Bootstrap（目前为止），因此也使用jQuery。
我确信有一种简单的方法可以这样做，但Javascript不是我的语言，我似乎不擅长搜索它^^＆＃39;
无论如何，谢谢你的帮助。
答案 0 :(得分：0)
一个非常受欢迎的插件是灯箱。
第1步： Download javascript文件并将javascript和css放入您的页面。
<html>
<head>
<script src="jquery-2.1.1.min.js"></script>
<!--- boostrap goes here --->
<script src="bootstrap-lightbox.min.js"></script>
<link rel="stylesheet" href="bootstrap-lightbox.min.css">
</head>
<body>
<!-- page content --->
</body>
</html>
第2步：定义一个包含＆＃34; big＆＃34;的div容器你的形象的版本。
<div id="myLightbox" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class='lightbox-content'>
<img src="myBigImage.jpg">
<div class="lightbox-caption"><p>Your caption here</p></div>
</div>
</div>
第3步： 在您的缩略图图片标记中放置一个javascript
<img src="myThumbnail.jpg" onClick="$('#myLightbox').lightbox()"/>