Question

我尝试使用ASP.net和SQL Server数据库创建一个库，但图像只显示在列表中。我认为问题是我没有成功连接到jQuery。下面是C＃代码，用于检索Images文件夹中的Image路径。

String strConnString = System.Configuration.ConfigurationManager.ConnectionStrings["BallinoraDBConnectionString1"].ConnectionString;
    SqlConnection con = new SqlConnection(strConnString);
    con.Open();

    //Query to get ImagesName and Description from database
    SqlCommand command = new SqlCommand("SELECT ImageName,Description from SlideShowTable Where Event_Group_Id = 1", con);
    SqlDataAdapter da = new SqlDataAdapter(command);
    DataTable dt = new DataTable();
    da.Fill(dt);
    rptImages.DataSource = dt;
    rptImages.DataBind();
    con.Close();

下面是显示图像的HTML。正如我所说，它们出现在一个简单的列表中，我认为这意味着它们没有连接到CSS或JavaScript。

<div class="container">
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript" src="http://cdn.jsdelivr.net/jcarousel/0.2.8/jquery.jcarousel.min.js"></script>
        <link href="http://cdn.jsdelivr.net/jcarousel/0.2.8/skins/tango/skin.css" rel="Stylesheet" />
        <script type="text/javascript">
            $(function () {
                $('#mycarousel').jcarousel();
            });
        </script>
        <ul id="mycarousel" class="jcarousel-skin-tango">
            <asp:Repeater ID="rptImages" runat="server">
                <ItemTemplate>
                    <li>
                        <a id="imageLink" href='<%# Eval("ImageName","~/SlideImages/{0}") %>' title='<%#Eval("Description") %>' rel="lightbox[Brussels]" runat="server">
                            <asp:Image ID="Image1" ImageUrl='<%# Bind("ImageName", "~/SlideImages/{0}") %>' runat="server" Width="112" Height="84" />
                        </a>
                    </li>
                </ItemTemplate>
            </asp:Repeater>
        </ul>
    </div>

我很感激你们给予的任何指导。

此外，here是我已经适应我自己的代码。我事先粘贴了这些确切的代码，但它没有按预期工作。

These是我在Ctrl + Shft + J时收到的错误消息。

ASP.Net中的轮播图像库使用jQuery jCarousel插件无法正确显示

0 个答案: