如何從數據庫中的圖像創建jQuery滑塊？

Question

我正在ASP.NET網站上工作，似乎無法找到一個很好的解決方案。我想創建一個jQuery圖像滑塊，循環顯示添加到我的數據庫的最後3張圖像。我曾嘗試在網上尋找教程，但似乎沒有解決只從數據庫中提取最新內容的問題。有什麼建議麼？

Answer 1

查看http://docs.dev7studios.com/jquery-plugins/nivo-slider是您可以在公司網站上使用的免費（MIT許可）jQuery插件的一個很好的示例。爲了得到您想要的內容，讓ASP.NET以Nivo Slider文檔提供的格式回顯圖像列表。例如：

頁首：（來自http://www.go4expert.com/articles/connecting-mssql-server-aspnet-t2559/）

<%@ Page Language="VB" Debug="true" %> 
<%@ Import Namespace="System.Data" %> 
<%@ Import Namespace="System.Data.SqlClient" %> 

頭：

<!-- The Nivo files can be downloaded from the link I provided above. --> 
<link rel="stylesheet" href="nivo-slider.css" type="text/css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script> 
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(window).load(function() { 
    $('#slider').nivoSlider(); 
}); 
</script> 

身體：

<div id="slider" class="nivoSlider"> 
<!-- To connect to a MSSQL db comes from http://www.go4expert.com/articles/connecting-mssql-server-aspnet-t2559/ since I do not have prior knowledge on how to do this with ASP.NET --> 
<% 
    Dim myDataReader as SqlDataReader 
    Dim mySqlConnection as SqlConnection 
    Dim mySqlCommand as SqlCommand 

    mySqlConnection = new SqlConnection("server=mssql.win-servers.com;user=dbuser;password=dbpwd;database=db") 
    mySqlCommand = new SqlCommand("SELECT * FROM pictures ORDER BY id DESC LIMIT 3", mySqlConnection) 
    mySqlConnection.Open() 
    myDataReader = mySqlCommand.ExecuteReader(CommandBehavior.CloseConnection) 


    Do While (myDataReader.Read()) 
    Response.Write('<img src="' & myDataReader.getString(1) & '" alt="" />') 
    Loop 

    myDataReader.Close() 
    mySqlConnection.Close() 
%> 
</div> 

通知的"SELECT * FROM pictures ORDER BY id DESC LIMIT 3"查詢。我從https://stackoverflow.com/a/15425791獲得了關於如何選擇表格的最後3行的查詢提示。另外，如果您想存儲更多關於圖像的信息（如標題），那麼我建議將該信息添加到存儲圖像的表格行中。

我也不確定myDataReader.getString(1)是否按照我的意圖工作。您必須找出從myDataReader.Read()中讀取的最佳方法。