Raj.Rautela Ответов: 1

jQuery carousel slider in asp.net.


Сэр м пытается построить карусель slider.in эти изображения слайдера привязываются к базе данных.я'hv изъяты div и внутри, что div я'hv взят элемент управления datalist и внутри шаблона элемента я связываю изображений из базы данных.это должным образом отображать фотографии, но я хочу, чтобы переместить изображения, справа налево и если я добавить новые изображения в таблице базы данных, что изображение должно автоматически добавляются в слайдер..пожалуйста, помогите..заранее спасибо..м оклейка мой код.


<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>

Kaushikhalvadiya

почему вы используете datalist?

используйте html ul в asp-файле вместо datalist.

ul, имеющий несколько li..

и по одному изображению в каждом ли..

оно будет замечательно работать..

кораузел будет управлять всем авто..

Raj.Rautela

можете ли вы привести мне пример, как использовать ul li..и привязывать изображения из базы данных к li?.

Raj.Rautela

m хранение пути изображения в базе данных и изображения в папке в корневом файле..can u pls скажите мне, что я должен делать.как динамически привязывать изображения к li.

ZurdoDev

Где код? Я вижу разметку, но не код.

1 Ответов

Рейтинг:
0

Eyakem

Воспользуйся на jQuery.плагин carouFredSel [^] отзывчивый слайдер jQuery, который очень прост в настройке (а также работает на сенсорных устройствах, таких как ipad). Вот пример, который я создал некоторое время назад jsfiddle [^]

Надеюсь, это поможет