0

私はjqueryが初めてで、このコードを実行する際にどうしても助けが必要です.divタグ内に4つの画像を含むフェードインフェードアウト画像バナーを作成しようとしています.fadingbanner()関数は自分自身を再帰的に呼び出しますsettimeout 関数によって開始されました。しかし、何らかの理由で機能していません。助けてください....

<HTML>
<HEAD>
<script type= "text/javascript" src="C:\Documents and Settings\A\Desktop\jquery-1.9.1.js"></script>
<SCRIPT>

<div>

<img src = "C:\Documents and Settings\A\Desktop\web_files\temp1.jpg"   id = "i1">

<img src = "C:\Documents and Settings\A\Desktop\web_files\temp2.jpg"   id = "i2">

<img src = "C:\Documents and Settings\A\Desktop\web_files\temp3.jpg"   id = "i3">

<img src = "C:\Documents and Settings\A\Desktop\web_files\temp4.jpg"   id = "i4">

</div>

function fadingbanner()
{
$(document).ready(function(){
$("#i1").fadeOut(2000,function(){
$("#i2").fadeIn(2000,function(){
$("#i2").fadeOut(2000,function(){
$("#i3").fadeIn(2000,function(){
$("#i3").fadeout(2000,function(){
$("#i4").fadeIn(2000,function(){
$("#i4").fadeout(2000,function(){ 
fadingbanner();

});
});
});
});
});
});
});

}
</SCRIPT>
</HEAD>
<BODY>
<IMG NAME = "bannerimage" src = "C:\Documents and Settings\A\Desktop\web_files\temp1.jpg" height = "200" width = "600" onload = "settimeout("fadingbanner()",1000)">
</BODY>
</HTML>
4

1 に答える 1

0

関数を取り出すと、正常に動作するはずです。関数を定義するだけで、実行することはありません。実行した場合は、ドキュメントの読み込みが完了したときにコードを実行するようにスケジュールするだけです。

また、最初の最初の画像以外はすべて非表示にします。

したがって、次のようになります。

$(document).ready(function(){
    $("#i2, #i3, #i4").hide();
    $("#i1").fadeOut(2000,function(){
        ... all that other stuff
    });
});

ここにそれを示すフィドルがあります：http://jsfiddle.net/ePBkX/1/

私はこれに添付されたフィドルからそこの写真を借りました。あなたが読みたいと思うかもしれません:

于 2013-06-05T17:52:46.500 に答える