0

テキストと背景画像を含むdivがあります。ページをロードすると、テキストは常に1番目に表示されます（低速インターネット接続があると仮定します）。テキストの前に背景画像をロードするにはどうすればよいですか？jqueryとjavascriptの両方で解決策を教えてください

4

4 に答える 4

3

画像のonloadイベントハンドラーにテキストを追加します。

div注：タグではなく背景画像付きのタグを引き続き使用する場合は、 window.onloadイベントimg中にテキストを追加する必要があります（詳細については、この回答を参照してください）。

于 2012-12-17T16:41:11.883 に答える
2

divが次のようになっていると仮定します。

<div id="Derp" style="CSS-for-background-image-here">Magical ponies!</div>

テキストを完全に削除してから、この種のjquery呼び出しを追加してみます。

<script>
    $(document).ready(function() {
        $('#Derp').load(function() {
            $('#Derp').text("Magical ponies!");
        });
    });
</script>

ここ$('#Derp').load(...)での鍵です。load（）のドキュメントを参照してください。それはまさにあなたが必要とするものの例を持っています。

于 2012-12-17T16:44:53.993 に答える
1

コンテンツをオンロードで入力できます。

これから始めましょう：

<div id="content"></div>

次に、jqueryで次のようにします。

 $(document).ready(function() {
    mybg= new Image(); 
    mybg.onload=function(){
      $('#content').html('YOURTEXTHERE');
    }
    mybg.src = "PATH/TO/IMG";
    });
于 2012-12-17T16:44:03.270 に答える
0

簡単な答えは.load、ウィンドウが完全に読み込まれ、テキストが表示されたときに実行できることです。

$(function(){
    $(window).load(function() {
        $('p').fadeIn(800);
    });​
});

これがしているのはfading in the p tag with text、全体のときwindow gets loadedです。

ここでデモを見つけることができます：http：//jsfiddle.net/a5P8b/

于 2012-12-17T16:59:57.400 に答える