회전 이미지 javascript - 이미지가 회전하지 않습니다 - MVC3

Question

이 코드는 작동해야합니다 ... 텍스트 편집기와 일반 html 문서를 사용하면 똑같은 작동합니다. 아마도 내가 구성해야하는 Visual Studio에는 뭔가가 있습니까?

다음 네 개의 이미지를 5 초마다 회전하려고합니다. 여기에 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 초.

Answer 1

내가 적절하게 스크립트 태그 봉쇄하지 않았다 : 그것은

</script> 

하지

script.js/>