Javascript 如何从数据库中的图像创建jQuery滑块？

我正在一个ASP.NET网站上工作，似乎找不到解决这个问题的好办法。我想创建一个jQuery图像滑块，它循环浏览添加到数据库中的最后3个图像。我试着在网上看一些教程，但似乎没有一个能解决从数据库中提取最新添加内容的问题。有什么建议吗？

请查看一个免费的麻省理工学院授权jQuery插件示例，您可以在公司网站上使用该插件。为了得到您想要的，让ASP.NET以Nivo Slider文档提供的格式回显图像列表。例如：

页面顶部：来自

负责人：

正文：

请注意，SELECT*FROM pictures ORDER BY id DESC LIMIT 3查询。我从关于如何选择表的最后3行的文章中得到了这个查询提示。另外，如果您想存储更多关于图像的信息，比如标题，那么我建议将这些信息添加到存储图像的表的行中

---

我也不确定myDataReader.getString1是否按照我的预期工作。您必须找出从myDataReader.read读取数据的最佳方法。

因此，您需要知道如何编写sql语句，该语句将对数据进行排序，并且只获取一定数量的记录？不，我非常确定我可以编写sql。我只是不知道如何编写jQuery/HTML并引用我的数据库。我想这取决于你想要使用的幻灯片插件。我想象你只是使用asp.net在页面上创建一个图像列表，然后从javascript启动滑块插件。但是，它并没有讨论如何访问数据库和显示一定数量的图像。我认为不，我很确定我可以编写SQL，你指的是ASP.NET代码。我道歉！我将编辑我的答案。。。

<%@ 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>