將圖像從mysql數據庫動態加載到jquery滑塊中

我已經編寫了一個Web應用程序，它涉及用戶上傳圖片到網站。在首頁上，我動態地顯示以PHP上傳的最新圖片/項目，將其限制爲10。但是，該頁面看起來如此靜止，我已經搜索了谷歌，bing，問，雅虎等幾天，並沒有任何答案。將圖像從mysql數據庫動態加載到jquery滑塊中

我寫了代碼存儲圖像存儲，並從數據庫中獲取它們。圖片顯示在主頁上，我唯一要做的就是將其加載到滑塊中。

$sql = mysql_query("SELECT * FROM items ORDER BY item_date_added DESC LIMIT 10")or die(mysql_error()); 
while($row = mysql_fetch_array($sql)) { 
    //$user_id = $row['user_id']; 
    $item_name = $row['item_name']; 
    $item_id = $row['item_id']; 

    $check_pic = "users/$item_name.jpg"; 

    if (file_exists($check_pic)) { 
     $show_pic = "<img src=\"users/$item_name.jpg\" width=\"100px\" height=\"100px\" border=\"5\" id='img'/>"; 

     //$user_pic3 = "<img src=\"users/$rid/image01.jpg\" width=\"50px\" height=\"50px\" border=\"1\" />"; 
     //$MemberDisplayList .= '<a href="profile2/index.php?id=' . $rid . '">' . $user_pic3 . '</a>'; 
     $i++; 
     $show_new_items .= "<a href='item_view?item_id=$item_id&&session_item=$item_id'>$show_pic</a>"; 
    } 
    $newly_listed_names .= " <a href='item_view?item_id=$item_id&&session_item=$item_id'> $item_name </a> | "; 
}

///////// END SHOW NEWLY ADDED ITEMS ///////////////////////////// //////////////////////

新增加的項目在body中的div中回顯。

任何人都可以幫助我！現在一直在困擾着我。謝謝。

來源

2012-08-08 mandeeya

發佈您的代碼.. – 2012-08-08 08:37:48

您的意思是像[this]（http://knowanevent.in）。在主頁上，它動態檢索圖像並加載到滑塊。 – Vinay 2012-08-08 08:41:46

我已經編寫了存儲圖像的代碼，並從數據庫中獲取它們。圖片顯示在主頁上，我唯一要做的就是將其加載到滑塊中。 jquery插件尚未設置。那是我遇到問題的地方。 – mandeeya 2012-08-08 08:42:27

要使用Nivo，您需要生成類似以下內容的html ...（Download the nivo demo並打開demo.html以獲得完整源代碼）。

所以你所要做的就是在slider div內的循環中輸出你的圖像。

<div id="wrapper"> 
    <div class="slider-wrapper theme-default"> 
     <div id="slider" class="nivoSlider"> 
    <?php 
     while($row = mysql_fetch_array($sql)){ 
      $item_name = $row['item_name']; 
      $item_id = $row['item_id']; 
      $check_pic = "users/$item_name.jpg"; 
      if (file_exists($check_pic)) { 
       print "<img src=\"users/$item_name.jpg\"/>"; 
       $i++; 
      } 
     } 
    ?> 
      <img src="images/2.jpg" data-thumb="images/2.jpg" alt=""/> 
     </div> 
    </div> 
</div> 

<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="../jquery.nivo.slider.js"></script> 
<script type="text/javascript"> 
$(window).load(function() { 
    $('#slider').nivoSlider(); 
}); 
</script>

來源

2012-08-08 09:05:21 Basic

謝謝，但圖像是從數據庫加載。像一個foreach語句，顯示它們。從上面我的腳本中的數據庫中獲得它後，我應該像這樣：foreach（$ a as $ show_new_items）{$ c = $ a}它將包含img src，但是這不能正常工作，有什麼建議嗎？ – mandeeya 2012-08-08 09:10:55

您不會將圖像存儲在數據庫中 - 至少從您的代碼段中。你正在存儲你的數據庫中的圖像的路徑。我編輯了一個例子 – Basic 2012-08-08 09:11:24

亞，對不起，即時將圖像存儲在一個文件夾中。非常感謝，我會執行它並讓您知道結果，謝謝！ :) – mandeeya 2012-08-08 10:20:16

你可以使用jQuery的插件，如Nivo。或者你可以嘗試從這個link不同的jquery插件。並將其與您的代碼集成。

來源

2012-08-08 08:53:28 Vinay

我不知道如何實施它們，有什麼幫助？ – mandeeya 2012-08-08 08:57:26

@rasheeda選中此[一個]（http://rtur.net/blog/post/2011/09/09/Tutorial-Building-NivoSlider-Extension-（Part-1）.aspx）。另外[this]（http://serifaddons.com/nivo-slider-webplus.html）。 – Vinay 2012-08-08 09:03:44

將圖像從mysql數據庫動態加載到jquery滑塊中

回答

相關問題