2017-05-10 10 views
0

スライダに問題があります。 1つの画像がスライドした後に画像が表示されないということです。これはYouTubeの古いコードであり、setIntervalに問題があると言われていますが、すべてを確認しても何もありません。それはビデオと同じコードで、私は何が問題なのか理解できません。このスライダは機能しません

function Slider(){ 
 
\t $(".slider #1").show("fade",1500); 
 
\t $(".slider #1").delay(5000).hide("slide",{direction:"left"},500); 
 

 
\t var sc = $(".slider img").size(); 
 
\t var count = 2; 
 
\t 
 
\t setInterval(function(){ 
 
\t \t $(".slider #" + count).show("slide",{direction:"right"},500); 
 
\t \t $(".slider #" + count).delay(5000).hide("slide",{direction:"left"},500); 
 
\t \t if(count == sc){ 
 
\t \t \t count = 1; 
 
\t \t }else{ 
 
\t \t \t count = count + 1; 
 
\t \t } 
 
\t },6000); 
 
}
.slider { 
 
\t overflow:hidden; 
 
\t width:800px; 
 
\t height:350px; 
 
\t margin:30px auto; 
 
} 
 
.slider img{ 
 
\t width:800px; 
 
\t heigth:350px; 
 
\t display:none; 
 
}
<body onload="Slider();"> 
 
\t <div class="slider"> 
 
\t \t <img id="1" src="img/home/01.jpg" border="0" alt="omage" class="img-responsive"> 
 
\t \t <img id="2" src="img/home/02.jpg" border="0" alt="omage" class="img-responsive"> 
 
\t \t <img id="3" src="img/home/03.jpg" border="0" alt="omage" class="img-responsive"> 
 
\t \t <img od="4" src="img/home/04.jpg" border="0" alt="omage" class="img-responsive"> 
 
\t </div> 
 
</body>

+0

どのようなエラーが表示されますか?あなたのウェブページを検査し、コンソールを確認してください –

答えて

関連する問題