2016-08-10 3 views
0

Я использую галерею изображений Bootstrap и галерею Blueimp на своем сайте. Я хотел бы изменить стандартный предварительный загрузчик галереи, который представляет собой простой предварительный загрузчик CSS. Может ли кто-нибудь сказать, как правильно это сделать? Я попытался, но это не сработало.Загрузочная галерея изображений - пользовательский предварительный загрузчик CSS

Этот предварительный загрузчик спиннингов - это то, что я хочу добавить вместо gif. http://www.w3schools.com/howto/howto_css_loader.asp

https://blueimp.github.io/Bootstrap-Image-Gallery/

ответ

0
.blueimp-gallery > .slides > .slide-loading { 
    background: url(../img/loading.gif) center no-repeat; 
    background-size: 64px 64px; 
} 

определено в https://blueimp.github.io/Gallery/css/blueimp-gallery.css

Вы можете скопировать и отредактировать его и поместите его в пользовательский CSS, связанный после Галерея изображений Bootstrap.

+1

Я думаю, что это подходящее место для добавления предварительного загрузчика для галереи изображений: '.blueimp-gallery> .slides> .slide-loading { \t background: url (../ images/preloader.gif) center no-repeat ; \t background-size: 64px 64px; } 'Но этот код preloader работает с некоторыми ошибками:' width: 60px; \t высота: 60px; \t margin: -30px 0 0 -30px; \t border-radius: 50%; \t border: 4px solid # f3f3f3; \t border-top-color: # 3498db; \t -webkit-animation: spin 1s linear infin; \t анимация: spin 1s linear infin; ' – ozone

+0

Да, вы правы! Что, кажется, проблема с этим? – Honza

+0

В этом случае проблема. :) http://i.imgur.com/m0arW1o.jpg – ozone

Смежные вопросы