javascript - 将加载文本添加到 Colorbox 插件

Question

对于 Colorbox jQuery 插件 ( found here ):

我知道 colorbox 有一个加载图形(设置为 #LoadingGraphic div 的背景)，但我怎样才能让文本显示在加载图形下方？

Answer 1

这可能不是最理想的，但看起来可行。 看看这个fiddle

当您初始化 Colorbox 插件时，loadingdiv 将被创建但隐藏。您可以在其中附加一个 div 并为其添加一些样式。

$(".group1").colorbox({rel:'group1'});
$("#cboxLoadingOverlay").append("<div class='loading-text'>My Loading Text</div>")

CSS

.loading-text{margin-top:50px; font-weight:bold; font-family:arial; font-size:20px}