带mysql数据库图像的jQuery幻灯片

我的幻灯片只有在我像这样放置代码时才能工作，并且它不会显示第一张图片

<--db connection-->
echo "
<div id='con'>";
while ($row = mysql_fetch_array($result)) {



    echo "<div>";

    echo "<a href = 'results.php?query=$row[object]&boc=option0'><img src ='send/$row[photo]'></a>";
    echo "<a class = \"ob\" href = 'results.php?query=$row[object]&boc=option0'>$row[object]</a>";
    echo "</div>";

echo "</div>";


}
}

  ?>

我就是这样做的

$("#con > div:gt(0)").hide();

setInterval(function() { 
$('#con > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#con');
 },  3000);

---

我做错了什么

为您的问题创建Fiddle请尝试创建Fiddle，但没有php或mysql选项，或者我找不到它。而且我只能在那里写一个文件，我至少需要两个文件才能使我的项目正常工作。以下是我所做的，但我认为这无助于找到解决方案。好吧，我修复了它，它不工作的原因很有趣：两个文件中的div名称相同，其中一个文件中的div应该是另一个。

$(document).ready(function(){
$("#con").load('json.php');
});

$("#con > div:gt(0)").hide();

setInterval(function() { 
$('#con > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#con');
 },  3000);