弹出为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到imgfancybox内的图像(标记)

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

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