Question

Fancybox将类型的类添加到fancybox-wrap div。

就像，当它是一张图片时，会得到fancybox-type-image

如果出现错误（即图片无法加载），我也想添加错误类，因此它会获得类fancybox-type-error。

为什么吗 我的图片有标题。当图片无法加载时，我不想显示标题。这就是为什么我需要给上部父div提供fancybox-type-error类，所以我可以将标题作为目标并隐藏它。请查看tinyurl.com/qjm2724以获得更多说明。单击最后一个艾菲尔铁塔图像。我需要那个头衔！：P

Answer 1

您可以使用tpl API选项将自定义类添加到fancybox html结构中。如果出现错误消息，您可以执行以下操作：

$(".fancybox").fancybox({
    tpl: {
        error: '<p class="fancybox-error myClass">I want to display a different error meesage here.</p>'
    }
});

注意除了更改错误消息的内容之外，我还在myClass元素中添加了<p>。

然后，您可以使用常规css规则来设置错误消息的样式，如

.myClass {
    color: #f80000;
    background-color: #00bbbb;
    font-size: 20px;
    font-style: italic
}

参见 JSFIDDLE

如果fancybox有错误

1 个答案: