如何使用滑块中的datalist显示数据库中的图像 [英] how can i display images from database using datalist in slider

查看:82
本文介绍了如何使用滑块中的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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆