Цикл 2 "Загрузка" фоновое изображение

Question

Я пытаюсь добавить gif загрузки в мой плагин цикла 2. Как заставить gif загружаться до загрузки изображений?

В настоящее время у меня есть loading.gif в качестве фонового изображения. Проблема в том, что loading.gif не загружается первым

Answer 1

Взгляните на страницу Cycle2 API, loader вариант и связанный демо. В итоге:

• Задавать data-cycle-loader="wait" на слайд-шоу Div. Это приостанавливает слайд-шоу до тех пор, пока не будут загружены все изображения.
• Установите фон div слайд-шоу, чтобы отобразить загрузочный GIF. Используйте CSS для центрирования этого изображения. Вот правило, используемое в вышеупомянутой демонстрации:

---

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