余白を変更してjqueryスライドショーを作成する

Question

PHPの画像配列からjqueryスライドショーを作成しようとしています。私はhtmlとCSSをセットアップしましたが、javascriptは何もしていません。私がしようとしていることが不可能な場合や、よりよい代替ルートがある場合は、そのアドバイスを喜んで受け取ります。どんな助けもありがとう！

PHP/HTML

$pic_array = array(); 
$titles = array(); 
$descriptions = array(); 
while ($row = $result->fetch_assoc()) { 
    $pic_array[$count] = $row['pic_url']; 
    $titles[$count] = $row['title']; 
    $descriptions[$count] = $row['description']; 
    $count++; 
} 
echo "<div id='slider'> 
     <ul class='slides'"; 
for ($x=0; $x < count($pic_array); $x++) { 
    echo " <li class='slide'><img src= " . $dir . $pic_array[$x] . " /></li>"; 
} 
echo " </ul> 
     </div"; 

CSS

#slider { 
    width: 450px; 
    height: 250px; 
    overflow:hidden; 
} 
#slider .slides { 
    display: block; 
    width:10000px; 
    height: 250px; 
    margin:0; 
    padding:0; 

} 
#slider .slide { 
    float: left; 
    list-style-type: none; 
    width: 450px; 
    height: 250px; 
} 
img { 
    width: 450px; 
    height: 250px; 
} 

Javascriptを

$(function() { 

    setInterval (function() { 
     $('.slider .slides').animate({'margin-top':'-=250px'}, 1000); 
    }, 3000); 
}); 

Answer 1

あなたは間違ったjqueryのセレクタを持っています。 sliderはクラスではなくidなので、$('#slider .slides')である必要があります。 ...<ul class='slides'>";とdiv#slider要素で：

また、あなたはul要素にアングルブラケットを閉じ欠けている...</div>";