在運行fadein-fadeout時遇到問題圖片橫幅

我是jquery中的新人我非常需要一些幫助來運行此代碼。我試圖在div標籤中創建一個具有4個圖像的淡入淡出圖像橫幅，帶有幫助功能fadingbanner（）的調用遞歸本身是由setTimeout的function.But由於某種原因，它不是working.Please幫助啓動....的在運行fadein-fadeout時遇到問題圖片橫幅

<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>

來源

2013-06-05 Subhankar K

您可能想添加到您的問題。告訴我們它在做什麼，以便我們可以比較你想要做的事情。 –

我只是想要一個正常的圖像橫幅，這是在所有網站的一個圖片淡出和另一個淡出的地方在那裏的主頁。我試圖創建一個淡入淡出的圖像橫幅與4個圖像內的div標籤，與函數fadingbanner（）的幫助，它被setinterval函數調用。但由於某種原因，它沒有顯示正確的結果。 –

請幫助別人。我一直在做最後一週的排列和組合，沒有人幫助我。 –

取出功能，它應該工作正常。它只是定義一個函數並且從不運行它。如果它確實運行了它，它所要做的就是安排代碼在文檔加載完成時運行。

您還想在開始時隱藏除第一張圖片以外的所有圖片。

所以它應該是這樣的：

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

下面是一個小提琴顯示它：http://jsfiddle.net/ePBkX/1/

我借的照片有從連接到這個小提琴，你可能需要閱讀：jQuery fade out then fade in

來源

2013-06-05 17:52:46

非常感謝lee.I先生，我會嘗試一下並讓你知道。我試圖用這種方式調用fadingbanner（）函數，但也許有些問題是錯誤的。 –

您可能希望刪除'$（document）.ready（）'，因爲您在旗幟加載後16秒開始。 –

你是對的。我似乎首先要學習基礎知識。我真的很感謝你的幫助。一個人學習一門語言可能是一項艱鉅的任務。 –

在運行fadein-fadeout時遇到問題圖片橫幅

回答

相關問題