Lightbox2 -单击即可获得多个图像
Lightbox2 -单击即可获得多个图像
提问于 2012-06-13 10:28:08
我目前使用的是Lightbox2 (http://lokeshdhakar.com/projects/lightbox2/)，这一切都运行得很好，但是我需要稍微调整一下。
我想在单击缩略图时垂直显示所有图像。因此，如果我有3个图像都使用相同的rel="lightboxwhatever“，我希望它们都能输出。我不想要带有next和prev按钮的"Image 1 of 5“。
我找遍了也找不到解决方案。如果任何人有任何想法，片段或外部网址，将不胜感激。
代码示例：
<a href="resources/images/ClassicCarriers/ClassicCarriers1.jpg" rel="lightbox[classicCarriers]" title="">
<img src="Resources/Images/classicCarriers_grey.jpg" class="recentWork" title="Classic Carriers" alt="Classic Carriers"/>
</a>
<a href="resources/images/ClassicCarriers/ClassicCarriers2.jpg" rel="lightbox[classicCarriers]" title=""></a>
<a href="resources/images/ClassicCarriers/ClassicCarriers3.jpg" rel="lightbox[classicCarriers]" title=""></a>回答 2
Stack Overflow用户
回答已采纳
发布于 2012-06-13 11:00:39
您还可以使用http://www.jacklmoore.com/colorbox来实现您想要的功能。检查以下代码
HTML
<div id="container">
<img src="http://placekitten.com/100/100" width="100px">
<img src="http://placekitten.com/100/100" width="100px">
<img src="http://placekitten.com/100/100" width="100px">
</div> jQuery
$(function(){
$('#container img').click(function(e){
e.preventDefault();
$.colorbox({
href: '#container',
inline: true
});
});
}); 现在，当你点击任意一张图片时，3张图片都会显示在colorbox中。
Working Fiddle
Stack Overflow用户
发布于 2012-06-13 10:34:06
试试fancy box。不是直接将效果附加到图像，而是将其附加到包含这三个图像的HTML。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11007464
复制相关文章
相似问题
腾讯云开发者
