Javascript jcarousel也可以使用数据库吗?
嗨,编码员,我搜索了很多,但没有找到任何与jcarousel使用数据库相关的东西,所以我来这里寻求你们的帮助,我有一个页面,我在其中使用jcarousel css js 文件现在使用后,当我将文本放入列表时,它工作正常,但当我使用从数据库获取文本并将其放入列表时,它仅显示前3条记录,当我单击“未工作”中的“下一步”按钮时,它将不显示下一个文本…例如,我希望类似于此链接中的示例4 这是我正在工作的代码: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">
<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">‹</a>
<a href="#" class="jcarousel-control-next">›</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">‹</a>
<a href="#" class="jcarousel-control-next">›</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我不明白你的意思。这段代码就是一个例子,想法是什么,你能理解背后的想法吗?如果是,那么你可以让它工作。