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