2016-08-10 16 views
0

私は自分のサイトでブートストラップイメージギャラリーとブルーインプギャラリーを使用しています。私はgifの標準的なギャラリープリローダーを単純なCSSプリローダーに変更したいと思っていました。誰もそれを正しく作る方法を伝えることができますか?私は試しましたが、正しく動作しませんでした。ブートストラップイメージギャラリー - カスタムCSSプリローダー

この種の回転ホイールプリローダーは、gifの代わりに追加したいものです。 https://blueimp.github.io/Gallery/css/blueimp-gallery.css

で定義されて 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; 
} 

あなたはコピーして編集し、これをし、ブートストラップイメージギャラリーの後にリンクされ、カスタムCSSにそれを置くことができます。

+1

イメージギャラリーのプリローダーを追加するのに適した場所だと思います。 '.blueimp-gallery> .slides> .slide-loading { \t背景:URL(../ images/preloader.gif)center no-repeat ; \t background-size:64px 64px; } 'しかし、このプリローダーのコードはいくつかのバグを伴います:' width:60px; \t身長:60px; \t余白:-30px 0 0 -30px; \t border-radius:50%; \t border:4px solid#f3f3f3; \t border-top-color:#3498db; \t -webkit-animation:スピン1sリニア無限; \tアニメーション:スピン1sリニア無限; – ozone

+0

ええ、そうですよ!何が問題なのでしょうか? – Honza

+0

これはこの場合の問題です。 :) http://i.imgur.com/m0arW1o.jpg – ozone