2013-03-22 10 views
8

コンテンツが読み込まれる前に私のウェブサイトにプリローダーを表示したいのですが、透明な背景を持つアニメーションプリローダー画像を選択するとエッジが非常にギザギザに見えます。画像を修正する方法、またはアニメーションGIFに透明な背景を付ける方法はありますか?無地の透明なプリローダー画像を無地の背景に貼り付けます

私はあなたが持っている最初の、おそらく最も簡単なオプションはspin.jsを使用することですpreloader.net

答えて

9

から、プリローダを使用しています。 「これは、動的にAJAXローディングGIFファイルのための解像度に依存しない代替物として使用することができるスピニング活動指標を作成します。」


をスクリプトはオプションではありませんか、別のスピナーにあなたがしたい場合はアンチエイリアスを使わないで、使用するスピナーよりも大きい.gifを作成し、htmlで縮小する必要があります。

オリジナルスピナーアンチエイリアス(非白地に醜いエッジ):

Spinner anti-aliased

縁なしのオリジナルスピナー(アンチエイリアスなしで、したがって、それはピクセル化エッジを有する):

しかし、このスピナーが縮小得れば、それは良さそうに見えます:

は、それがまたかなり古いのIEに見えるようにする

img { 
    -ms-interpolation-mode:bicubic; 
} 

を使用してください。

関連する問題