如何使用滑块中的datalist显示数据库中的图像 [英] how can i display images from database using datalist in slider
本文介绍了如何使用滑块中的datalist显示数据库中的图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在aspx页面中跟随代码
----------------------------
i've following code in aspx page
----------------------------
<ul id="slider1" class="multiple">
<li>
<asp:DataList ID="DataList2" runat="server" RepeatDirection="Horizontal" RepeatLayout="Table" >
<itemtemplate>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<asp:Image ID="Image1" runat="server" width="125" height="108" class="border1" ImageUrl='<%#"~/Images/Off_Image" + Eval("OffImg") %>'/>
</td>
</tr>
<%-- <tr>
<td align="center" class="tital">
<%#DataBinder.Eval(Container.DataItem, "Prod_Name")%>
</td>
</tr>
<tr>
<td align="center">
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~images1/more_info.jpg" style="border-width:0px;"/>
</td>
</tr>--%>
</table>
</itemtemplate>
</li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
$('#slider1').bxSlider();
});
</script>
--------------
头部标签我已经
--------------
And in head tag i've
<head runat="server">
<title>Untitled Page</title>
<script src="jquery.bxSlider.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="bx_styles/bx_styles.css" type="text/css" />
<script src="jquery-latest.js" type="text/javascript"></script>
<script src="jquery.bxSlider.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider1').bxSlider();
});
</script>
</head>
--------------
实际问题是当我绑定datalist时显示的所有图片但我只想显示一些固定的东西,我可以做什么..
请回答.. thankx
--------------
the actual problem is when i bound datalist all the images shown but i only want to disply some fixed slied for that wht can i do..
please answer.. thankx
推荐答案
(文件) .ready(function(){
(document).ready(function(){
('#slider1')。bxSlider();
});
< / script>
('#slider1').bxSlider(); }); </script>
--------------
头部标签我已经
--------------
And in head tag i've
<head runat="server">
<title>Untitled Page</title>
<script src="jquery.bxSlider.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="bx_styles/bx_styles.css" type="text/css" />
<script src="jquery-latest.js" type="text/javascript"></script>
<script src="jquery.bxSlider.js" type="text/javascript"></script>
<script type="text/javascript">
(document).ready(function(){
(document).ready(function(){
这篇关于如何使用滑块中的datalist显示数据库中的图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文