具有 ASP.NET 个动态图像的 JSSOR

Question

这是我正在使用的 HTML 代码

<div u="slides">
      <div>
      <asp:SqlDataSource ID="1" runat="server" ConnectionString="<%$ ConnectionStrings:constr %>" SelectCommand="SELECT Image FROM Gallery"></asp:SqlDataSource>
           <asp:Repeater ID="Repeater1" runat="server" DataSourceID="1">
               <ItemTemplate>
                   <img u="image" src="<%# "image.ashx?Id="+ Eval("Id") %>" />
               </ItemTemplate>
        </asp:Repeater>
        </div>

图像的通用处理程序 .ashx 是 THIS
我的问题是，在幻灯片上，只有最后上传的图片出现。例如，如果我上传了 5 张图片，只有最后上传的第五张图片出现在滑块上并且它保持静止。

我测试了相同的通用处理程序。它对另一个滑块正常工作。我是不是漏了什么。

P.S - the Jssor scripts and css are all in their default values. nothing was edited.

Answer 1

您将所有图片放在一张幻灯片中。请按如下所示为每张图片创建幻灯片。

<div u="slides">
    <asp:SqlDataSource ID="1" runat="server" ConnectionString="<%$ ConnectionStrings:constr %>" SelectCommand="SELECT Image FROM Gallery"></asp:SqlDataSource>
           <asp:Repeater ID="Repeater1" runat="server" DataSourceID="1">
               <ItemTemplate>
                   <div>
                       <img u="image" src="<%# "image.ashx?Id="+ Eval("Id") %>" />
                   </div>
               </ItemTemplate>
           </asp:Repeater>
    </asp:SqlDataSource>
</div>

具有 ASP.NET 个动态图像的 JSSOR

JSSOR with ASP.NET dynamic image

sql

asp.net

slider

ashx

jssor