「ロールダウン」するのではなく、一度ロードしたときに表示されるかのように背景画像(CSS)をロードする方法を探しています。PowerPointの効果が悪いように見えるのではなく、1回のフラッシュで300ミリ秒遅れて画像を表示したいのですが。
(キャッシング以外に)使用できるテクニックや特定のコードはありますか?
ありがとう、
「ロールダウン」するのではなく、一度ロードしたときに表示されるかのように背景画像(CSS)をロードする方法を探しています。PowerPointの効果が悪いように見えるのではなく、1回のフラッシュで300ミリ秒遅れて画像を表示したいのですが。
(キャッシング以外に)使用できるテクニックや特定のコードはありますか?
ありがとう、
jsfiddle http://jsfiddle.net/9fFKT/3/
$("#bg").hide();
$('#bg').load(function(){
$('#bg').show();
});
jqueryを使用すると、読み込まれるまで非表示にし、読み込まれると表示できます
基本的に、初期ロード時に要素を非表示にするか、CSSで背景を設定せずに、JavaScriptを介して画像を追加してから、各画像のonloadイベントでCSS背景を適用する必要があります。
CSSだけではこれを行うことはできません。
ページの上部に非表示として画像を読み込むことができるため、後で画像をDOMに配置すると、キャッシュされたコピーになります。または、非表示の属性を設定し、300ミリ秒のタイマーの後で非表示をオフにすることができます。後者はあなたが望むことをより確実に行いますが、それはあなたの視聴者のネットワーク速度に依存します。
まず、画像が「ロールダウン」で表示される場合は、画像が重すぎます。
サンプルのYahooSMUSH.IT!のWeb用の画像を(品質を損なうことなく)削減するための別のプログラムまたはWebサイトが存在します。そのために良いです!
その後、ダウンロード後に背景画像を表示するための既存のメソッドがあるかどうかはわかりません...多分JavaScriptで...