如果fancybox有錯誤

-1

Fancybox將類型的類添加到fancybox-wrap股利。如果fancybox有錯誤

一樣，當它的圖像，它得到fancybox-type-image

我想補充的錯誤類也一樣，當有一個錯誤（即圖像沒有加載），因此它的類fancybox-type-error 。

爲什麼？ 我的圖片有標題。當圖像加載失敗時，我不想顯示標題。這就是爲什麼我需要給上層父類div的fancybox-type-error類，所以我可以定位標題並隱藏它。請查看tinyurl.com/qjm2724瞭解更多信息。點擊最後的艾菲爾鐵塔圖像。我需要那個頭銜了！：p

來源

2014-07-02 Don Munter

您可以使用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

來源

2014-07-02 16:02:06 JFK

我已經做了已經，確實如此。但我必須定位父分區。我所有的圖像都有標題。但是當圖像加載失敗時，我想隱藏標題。例如，如果父div有fancybox-type-error類，我只能這樣做。有關更多說明，請參閱http://tinyurl.com/qjm2724並查看最後一個艾菲爾鐵塔，我想隱藏該標題。 –

如果fancybox有錯誤

回答

相關問題