asp.net中的jquery轮播滑块. [英] jquery carousel slider in asp.net.

查看:275
本文介绍了asp.net中的jquery轮播滑块.的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

先生,我试图建立一个轮播滑块,因为滑块图像是从数据库中绑定的.i''hv是一个div,而在该div中是''datalist''控件,而项目模板内部则是从数据库中绑定图像.它正在正确显示图像,但是我想从右向左移动图像,如果我在数据库表中添加新图像,则该图像应自动添加到Slider..pls帮助..谢谢. />

Sir m trying to build a carousel slider.in that slider images are bind from database.i''hv taken a div and inside that div i''hv taken a datalist control and inside item template i bind images from database.it is displaying the images properly but i want to move images from right to left and if i add new image in database table that image should automatically added in slider..pls help..thanks in advance..m pasting my code.


<div class="Builder" id="Builderlogo">
        <h3>Our Associates</h3>
            <div>
                <div id="inner">
                    <asp:DataList ID="BuildersImage" runat="server" RepeatDirection="Horizontal">
                        <ItemTemplate>
                            <div style="float: left">
                                <asp:Image ID="Img" runat="server" ImageUrl='<%#Eval("ImagePath")%>' Width="120"
                                    Height="106" Style="border: thin solid #CCCCCC; margin-left: 5px;" BorderStyle="None" />
                            </div>
                        </ItemTemplate>
                    </asp:DataList>
                </div>
            </div>
        </div>

推荐答案

使用 jQuery.carouFredSel插件 [ ^ ]响应式jQuery滑块,配置非常简单(也可在ipad等触摸设备上使用) .这是我在 jsfiddle [
Use jQuery.carouFredSel plugin[^] responsive jQuery slider that is very simple to configure (and also works on touch devices like an ipad). Here is a sample i created a while back on jsfiddle [^]

Hope this helps


这篇关于asp.net中的jquery轮播滑块.的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

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