将加载文本添加到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}