2012-08-23 112 views
1

所以這段代碼應該工作...如果我使用文本編輯器和一個純html文檔完全相同的事情工作。也許在我需要配置的visual studio中有一些東西?旋轉圖像javascript - 圖像不旋轉 - MVC3

我試圖每五秒鐘旋轉下列四幅圖像。這裏是JScript1.js文件:

var imageArray = ["http://localhost:53734/Content/themes/base/images/oly1.jpg", "http://localhost:53734/Content/themes/base/images/oly2.jpg", "http://localhost:53734/Content/themes/base/images/oly3.jpg", "http://localhost:53734/Content/themes/base/images/oly4.jpg"]; 
var imageIndex = 0; 
var myImage = document.getElementById("rotatingBanner"); 


function changeImage() { 
myImage.setAttribute("src", imageArray[imageIndex]); 
imageIndex++; 
if (imageIndex >= imageArray.length) { 
    imageIndex = 0; 
} 
} 

var intervalHandle = setInterval(changeImage, 5000); 

,這裏是它運行的觀點:

@{ 
ViewBag.Title = "Home Page"; 
} 

<h2>@ViewBag.Message</h2> 

<h4>View results by:</h4> 
<ul id="friend"> 
    <li>@Html.ActionLink("Countries", "Countries", "Home")</li> 
    <li>@Html.ActionLink("Events", "Events", "Home")</li> 
</ul> 
<div> 
<img id="rotatingBanner" src="http://localhost:53734/Content/themes/base/images/oly1.jpg" /> 
</div> 
<script src="http://localhost:53734/Scripts/JScript1.js"/> 

我們要求在視圖中顯示出來的圖像,但之後不旋轉5秒鐘就應該。

+1

一切看起來alrite,是不是JScript1.js的是緩存版本或類似的東西? –

+1

同意它看起來不錯。我會檢查與Firebug任何腳本錯誤,然後嘗試添加斷點來跟蹤代碼。 – McGarnagle

回答

0

我沒有封閉適當的腳本標籤: 應該均已關閉

</script> 

script.js/>