处理从数据库到jquery图像交换程序的图像

是否存在将图像从数据库处理到jquery图像交换程序或任何其他类型的图像交换程序的方法。 应根据从数据库生成的图像数量填充图像。我能拿到所有的钱 来自数据库的图像，但我找不到在jquery图像交换程序上显示这些图像的方法。 我可以使用datalist显示所有图像，但是使用datalist我不能使用jquery图像交换程序。 任何可能的解决方案或替代方案都将受到高度赞赏

 protected void showDetails(int makeID)
{
    conn.Open();
    SqlCommand cmd = new SqlCommand("Select Price,image,make from productDetail Where (makeID LIKE @makeID)"  , conn);
    SqlParameter param = new SqlParameter();

   param.ParameterName = "@makeID";
    cmd.Parameters.Add(param);
  //  cmd.Parameters["@makeID"].Value = makeID;
   param.Value = makeID;

    rdr = cmd.ExecuteReader();
    while (rdr.Read())
    {
       // Label3.Text = rdr["price"].ToString();

        lblMake.Text = rdr["make"].ToString();
        lblPrice.Text = rdr["Price"].ToString();

        atest2.Attributes["href"] = "~/images/" + rdr["image2"].ToString();

        test2.Attributes["src"] = "~/images/" + rdr["image2"].ToString();
        test2.Attributes["height"] = "75";
        test2.Attributes["width"] = "75";

    }

    conn.Close();

}

//论设计观

<div id="page">
        <div id="container">

            <h2>Thumbnail rollover effects and slideshow crossfades</h2>

            <!-- Start Advanced Gallery Html Containers -->
            <div id="gallery" class="content">
                <div id="controls" class="controls"></div>
                <div class="slideshow-container">
                    <div id="loading" class="loader"></div>
                    <div id="slideshow" class="slideshow"></div>
                </div>
                <div id="caption" class="caption-container"></div>
            </div>
                    <li>
                        <a class="thumb" name="drop" id="atest2" title="Title #1" runat="server" >
                            <img  id="test2" runat="server" alt="Title #1" />
                        </a>
                        <div class="caption">
                            Any html can be placed here ...
                        </div>
                    </li>
</ul>
            </div>
            <div style="clear: both;"></div>
        </div>
    </div>

缩略图翻转效果和幻灯片交叉淡入

任何html都可以放在这里。。。

您可以使用asp.net repeater创建所需的html标记

<div id="page">
    <div id="container">

        <h2>Thumbnail rollover effects and slideshow crossfades</h2>

        <!-- Start Advanced Gallery Html Containers -->
        <div id="gallery" class="content">
            <div id="controls" class="controls"></div>
            <div class="slideshow-container">
                <div id="loading" class="loader"></div>
                <div id="slideshow" class="slideshow"></div>
            </div>
            <div id="caption" class="caption-container"></div>
        </div>

<div id="thumbs">
    <ul class="thumbs noscript">
        <asp:Repeater id="rptImages" runat="server">
        <ItemTemplate>
            <li>
                <a class="thumb" name="optionalCustomIdentifier" href="path/to/slide" title="your image title">
            <img src='<%#String.Format("/images/{0}", Eval("image"))%>' alt="your image title again for graceful degradation" />
                </a>
                <div class="caption">
                    (Any html can go here)
                </div>
            </li>
            ... (repeat for every image in the gallery)
        </ItemTemplate>
        </asp:Repeater>        
    </ul>
</div>

 <div style="clear: both;"></div>
    </div>
</div>

---

交换图像的jQuery是什么，我使用Gallerific jquery来实现这一点，但是jquery使用

标记，并且我无法根据图像的数量以编程方式增加这些标记，因为数据库中的图像可以是5或10。希望你能理解这个场景让我试试，稍后会让你知道：）使用repeater neva的所有示例B4我如何将href和img src传递到设计视图我刚刚编辑了上面的问题，让你看看我现在运行的代码Nx为了获得帮助，它会对特定产品的所有图像重复吗，例如，我有5个大理石产品的图像和另一个大理石产品的6个图像，我没有创建一个错误的数据库，因为我给了6列图像，所以用户可以插入6个图像，如果用户插入3个图像，它会用null填充该行。

rdr = cmd.ExecuteReader();
rptImages.DataSource = rdr;
rptImages.DataBind();