循环2“加载”背景图像

Question

我正在尝试将加载现在gif添加到我的循环2插件中。如何在图像加载之前强制gif加载？

目前我将loading.gif作为背景图片。问题是loading.gif首先没有加载

Answer 1

查看Cycle2 API page，loader选项和the associated demo。总结：

• 在幻灯片显示div上设置data-cycle-loader="wait"。这将暂停幻灯片放映，直到加载所有图像。
• 设置幻灯片div的背景以显示加载gif。使用CSS将此图像居中。以下是上述演示中使用的规则：

---

.cycle-slideshow {
    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;
}