0

この特定のコードにフェードインを追加するにはどうすればよいですか？オンロード時に写真をフェードインさせたい。Stackoverflowについていくつかの調査を行いましたが、有用なものは見つかりませんでした。いくつかの助けをいただければ幸いです。

<script type="text/javascript">
window.onload = function(){
       var img = document.getElementById('img')
       if(img.clientHeight<$('#div').height()){
            img.style.height=$('#div').height()+"px";
       }
       if(img.clientWidth<$('#div').width()){
            img.style.width=$('#div').width()+"px";
       } 
}
</script>

追加の質問：このコードにロード関数を追加することも可能ですか？

4

1 に答える 1

2

SjあなたがやろうとしていることはjQueryを使って単純化することができます。jQueryは、HTMLドキュメントの操作をはるかに簡単にするJavaScriptライブラリです。

これが彼らのfadeInメソッドを示す小さなフィドルです：http：//jsfiddle.net/zgRtd/3/

何が起こっているのかを明確にするためだけに：

load Imageという名前の関数を宣言します。この関数はjQueryを使用して、fadeInメソッドをjQueryオブジェクト（CSSセレクターで参照）にアタッチします。

画像は次のように表示されるように設定されています。最初は。

function loadImage () {
    $('#your-image').fadeIn('slow', function () {
        // Animation complete
    });
}

ドキュメントが読み込まれると関数を呼び出します（これは任意のイベントにバインドできます）。JSFiddleの例でこれをコメントアウトしました。

$(document).on('ready', function () {
    loadImage();
});
于 2013-03-03T22:40:12.837 に答える