0
因此,fancybox插件在我的网站上工作,但仅适用于单张图像,所以我无法在它们之间滚动,或使用next-prev按钮切换。我知道fancybox需要看到这个组来启用它,但是我被卡在这里,仍然只能得到单个图像。这里是我的jQuery代码片段和HTML结构:用于下一个和上一个功能的组fancybox项目
非常感谢您的帮助。
$('dl.gallery-item').each(function(index) {
var rel = "group"; // +$(this).attr('id');
$('.gallery-item a').addClass('fancybox').attr('rel', rel);
});
$('.fancybox').fancybox();
<div id="gallery-1" class="gallery galleryid-15 gallery-columns-4 gallery-size-thumbnail">
<dl class="gallery-item">
<dt class="gallery-icon landscape">
<a href="//localhost:3000/path-to-image" class="fancybox" rel="group"><img width="253" height="164" src="path-to-image" class="attachment-thumbnail size-thumbnail" alt=""></a>
</dt></dl><dl class="gallery-item">
<dt class="gallery-icon landscape">
<a href="//localhost:3000/path-to-image" class="fancybox" rel="group"><img width="253" height="164" src="path-to-image" class="attachment-thumbnail size-thumbnail" alt=""></a>
</dt></dl><dl class="gallery-item">
<dt class="gallery-icon landscape">
<a href="//localhost:3000/path-to-image" class="fancybox" rel="group"><img width="253" height="164" src="path-to-image" class="attachment-thumbnail size-thumbnail" alt=""></a>
</dt>
</dl>
</div>
呃.. han .. .. was是data-fancybox attr,你救了一天:) – Smithy