2013-03-04 1 views
0

간단한 이미지 슬라이더 여야합니다 ... 왜, 왜이 작동하지 않습니까? 나는 "편지에"튜토리얼을 따라 갔지만, 비디오 튜토리얼은 유튜브에있어 일부 사이트에서 작동 코드를 비교할 수는 없지만, 그럼에도 불구하고, 그들의지도와 주간의 지식에 따라, 나는 실수를 찾을 수 없다. .JQuery 이미지 슬라이더가 작동하지 않습니다 ... 무엇을 잘못 했습니까?

<html> 
<head> 
<title>JQuery test</title> 
<style type="text/css"> 
.slider { 
width:500px; 
height:250px; 
overflow:hidden; 
margin:30px auto; 
background-image:url(img/loading.gif); 
background-repeat:no-repeat; 
background-position:center; 
} 
.slider img { 
width:800px; 
height:350px; 
} 
</style> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script> 
<script type="text/javascript"> 
function Slider(){ 
$(".slider#img1").show("fade",500); 
$(".slider#img1").delay(5500).hide("slide",{direction:'left'},500); 

var sc=$(".slider img").size(); 
var count=2; 

setInterval(function(){ 
    $(".slider #img"+count).show("slide",{direction:"right"}, 500); 
    $(".slider #img"+count).delay(5500).hide("slide", {direction:"left"}, 500); 

    if(count==sc){ 
    count=1; 
    } else { 
    count=count+1; 
}, 6500); 
} 
} 
</script> 
</head> 
<body onload="Slider()"> 

<div class="slider"> 
<img id="img1" src="img/1.jpg" /> 
<img id="img2" src="img/2.jpg" /> 
<img id="img3" src="img/3.jpg" /> 
</div> 


</body> 
</html> 
+0

당신이 오류를 얻고있다 ?? – bipen

+0

아니요, 작동하지 않습니다 ... W3 Validator는 "doctype 및 alt missing"오류 마녀를 전달합니다. –

+0

업데이트 : 스크립트를로드하려고 할 때 Opera Dragonfly가 "정의되지 않은 변수 : 슬라이더"를 반환합니다 ... –

답변

1

당신은 else 대한 } 브래킷을 잘못하고 setInterval

function Slider(){ 
    $(".slider#img1").show("fade",500); 
    $(".slider#img1").delay(5500).hide("slide",{direction:'left'},500); 

    var sc=$(".slider img").size(); 
    var count=2; 
    setInterval(function(){ 
    $(".slider #img"+count).show("slide",{direction:"right"}, 500); 
    $(".slider #img"+count).delay(5500).hide("slide", {direction:"left"}, 500); 

    if(count==sc){ 
     count=1; 
    } else { 
     count=count+1; 
    } 
    }, 6500); //<---here 
} 
관련 문제