jQuery幻燈片預加載結果

Question

我需要的是從外部頁面預加載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; 

Answer 1

這可以通過包裝都輕鬆完成孩子div的父母親div。

<div id="ParentDiv"> 
     <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> 

所以得到結果後，您可以使用此$.html()更換這樣

$("#ParentDiv").html(...updated slide contents here...);