Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jcarousel也可以使用数据库吗?_Javascript_Css_Asp.net_C# 4.0_Jcarousel - Fatal编程技术网

Javascript jcarousel也可以使用数据库吗?

Javascript jcarousel也可以使用数据库吗?,javascript,css,asp.net,c#-4.0,jcarousel,Javascript,Css,Asp.net,C# 4.0,Jcarousel,嗨,编码员,我搜索了很多,但没有找到任何与jcarousel使用数据库相关的东西,所以我来这里寻求你们的帮助,我有一个页面,我在其中使用jcarousel css js 文件现在使用后,当我将文本放入列表时,它工作正常,但当我使用从数据库获取文本并将其放入列表时,它仅显示前3条记录,当我单击“未工作”中的“下一步”按钮时,它将不显示下一个文本…例如,我希望类似于此链接中的示例4 这是我正在工作的代码: <head> <meta charset="utf-8">

嗨,编码员,我搜索了很多,但没有找到任何与jcarousel使用数据库相关的东西,所以我来这里寻求你们的帮助,我有一个页面,我在其中使用jcarousel

css js 文件现在使用后,当我将文本放入列表时,它工作正常,但当我使用从数据库获取文本并将其放入列表时,它仅显示前3条记录,当我单击“未工作”中的“下一步”按钮时,它将不显示下一个文本…例如,我希望类似于此链接中的示例4

这是我正在工作的代码:

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Responsive Carousel - jCarousel Examples</title>

    <link rel="stylesheet" type="text/css" href="../_shared/css/style.css">

    <link href="../../jcarousel.responsive.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="../../libs/jquery/jquery.js"></script>
    <script type="text/javascript" src="../../dist/jquery.jcarousel.min.js"></script>       
    <script src="../../jcarousel.responsive.js" type="text/javascript"></script>       

</head>
<body>

    <div class="wrapper">
        <h1>Responsive Carousel</h1>                       
        <p>This example shows how to implement a responsive carousel. Resize the browser window to see the effect.</p>
        <div class="jcarousel-wrapper">
            <div class="jcarousel">                
                <ul>
                  <li>Hello</li>
                  <li>Make it</li>
                  <li>Quick</li>
                  <li>or</li>
                  <li>you are</li>
                  <li>Fired</li>
                  <li>Understand</li>
                </ul>
            </div>

            <a href="#" class="jcarousel-control-prev">&lsaquo;</a>
            <a href="#" class="jcarousel-control-next">&rsaquo;</a>

            <p id="images" class="jcarousel-pagination"></p>
        </div>
    </div>
但如果我使用数据库移动3个文本后;它不工作这是我的代码:

 <div class="wrapper">
        <p>This example shows how to implement a responsive carousel. Resize the browser window to see the effect.</p>
           <div id="jc2" class="jcarousel-wrapper">
              <div class="jcarousel">
                 <asp:Repeater ID="rptImages" runat="server">
                    <ItemTemplate>
                       <ul>
                           <li>
                            <asp:Label ID="imagename" runat="server" Text='<%# Bind("Image_Name") %>'></asp:Label>
                           </li>
                       </ul>
                   </ItemTemplate>
                 </asp:Repeater>                                           
              </div>
                <a href="#" class="jcarousel-control-prev">&lsaquo;</a>
                <a href="#" class="jcarousel-control-next">&rsaquo;</a>

                <p id="imagename" class="jcarousel-pagination"></p>
       </div>
  </div>
</body>
</html>
这是我的代码隐藏代码:

protected void Page_Load(object sender, EventArgs e)
{
    try
    {
        con.Open();
        string query = "select * from Image_Master";
        SqlDataAdapter da = new SqlDataAdapter(query, con);
        DataSet ds = new DataSet();
        da.Fill(ds);
        rptImages.DataSource = ds;
        rptImages.DataBind();            
    }
    catch (Exception ex2)
    {
        Response.Write("<script>alert('An Error occurred. Administrator has been notified..!');</script>");
    }
    finally
    {
        if (con.State == ConnectionState.Open)
        {
            con.Close();
        }
    }
}      

我希望你们理解我的问题,如果有任何与代码相关的问题,请询问我需要你们的帮助。提前感谢

可能不起作用,因为您的中继器没有按照Carousel De mystified要求的HTML格式制作

这是正在等待的html:

<div class="slider1">
  <div class="slide"><img src="image.jpg"></div>
  .....
</div>
您的中继器必须为:

<div class="jcarousel">
 <asp:Repeater ID="rptImages" runat="server">
    <ItemTemplate>
        <div class="slide"><img src='/images/<%# DataBinder.Eval(Container.DataItem, "Image_Name") %>'  /></div>
   </ItemTemplate>
 </asp:Repeater>                                           
</div>
在这段代码中,请确保名称、id、图像路径与css、javascript代码和路径正确无误


为了回答这个主要问题,任何javascript库都与服务器端编程和数据库无关。任何javascript库通常都需要特定的html格式或特定的数据格式。如果你从代码背后给出了它,那么你就可以让它工作。

如果除了jcarousel或任何其他与之相关的文档,还有其他方法,请发送给我,太感谢了,我想问的是,在jcarousel中,我可以使用数据库,或者不使用你的代码,因为它不工作,因为这是一个img标记,我可以用任何代码绑定它吗其他标记并将其绑定到代码上behind@Amitesh我不明白你的意思。这段代码就是一个例子,想法是什么,你能理解背后的想法吗?如果是,那么你可以让它工作。