弹出为fancybox图像添加类

Question

我需要在我的网站上的两个不同位置使用稍微不同的fancybox实现。

一个使用一组图像，一个只使用一个图像。

我在叠加层中添加了一些样式以实现图像组所需的样式，但是我不需要使用单个图像的附加样式，因为它填充白色“框架”的底部以创建空间导航坐。这只是在我需要移除的单个图像中显示为空的空白区域。

有没有办法通过单个图像的图像链接将类发送到叠加层，以便我可以删除此空白区域？

<a href="/assets/Uploads/_resampled/croppedimage640480-site.jpg" class="fancybox">
    <img src="/assets/Uploads/_resampled/croppedimage181118-site.jpg" alt="site">
</a>

Answer 1

如果使用fancybox v2.x添加此选项

beforeShow : function(){
 $(".fancybox-inner").find("img").addClass("newClass");
}

它会将newClass添加到fancybox内的图片（img标记）

以防万一，如果使用fancybox v1.3.4添加

"onComplete": function(){
 $("#fancybox-content").find("img").addClass("newClass");
}