jQuery幻灯片预加载结果

我需要的是从外部页面预加载5个结果，并将它们放在像bxSlider这样的幻灯片中，所以当5个结果预加载时，我可以使用bxSlider或任何类型的幻灯片来从5个预加载的结果中滑动下一个结果。然后每次我点击下一张幻灯片时，我想删除第一个预加载的结果，并像使用append一样在末尾添加1。所以最后，我想在加载时间内预加载x个数的结果，然后当我浏览它们时，删除已经查看的结果，并在当前结果中添加1。

的例子:

<div>Pre-loaded Result1</div>
<div>Pre-loaded Result2</div>
<div>Pre-loaded Result3</div>
<div>Pre-loaded Result4</div>
<div>Pre-loaded Result5</div>

<div>New Result1</div>
<div>New Result2</div>
<div>New Result3</div>
<div>New Result4</div>
<div>New Result5</div>

就像上面的例子一样，从外部php页面预加载结果，当我通过它们添加新的结果并删除已经看到的结果。由于

到目前为止，我在索引页上所做的是:

var nextUser = 0; 
var slider = $("#slider1").bxSlider();
$("#slider1")
.load("find_get.php?num="; + nextUser, function() {
nextUser++; slider.goToNextSlide(); });
    <div id="slider1" class="find_outer">
    Loading...
</div>

fin_get页面设置如下:

$num = isset($_GET['num']) ? $_GET['num'] : exit ;
$query = "SELECT * FROM user WHERE id != '$user_id' LIMIT $num,1";
$stmt = $db -> query($query) or die (mysql_error());
while ($rows = $stmt -> fetch(PDO::FETCH_ASSOC)) {
$id = $rows['id'];
$firstname = $rows['firstname'];
$lastname = $rows['lastname'];
$display_info .= '<div class="bxdr" id="'.$id.'">' . $firstname . ' 
' . $lastname .   '</div>';
}
echo $display_info;