Поворот динамического содержимого и изображений с помощью bxslider не работает

http://bxslider.com/lib/jquery.bxslider.js

$.ajax({
                type: "POST",
                url: '<%= Page.ResolveUrl("~")%>Haggler.asmx/GetFacebookFriends',
                //data: jsonText,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                //'access_token':" + JSON.stringify(access_token) + "


                success: function (data) {
                    var myObject = JSON.parse(eval('(' + data.d + ')'));
                    var length = myObject.data.length;
                    alert(length);

                    //var container = document.getElementById('mfs');
                    //var mfsForm = document.createElement('form');
                    //mfsForm.id = 'mfsForm';

                    // Iterate through the array of friends object and create a checkbox for each one.
                    for (var i = 0; i < Math.min(myObject.data.length, 10) ; i++) {
                        htmlT += '<a data-slide-index="' + i + '" href=""><img src="' + myObject.data[i].pic_square + '" /></a>';
                        // var friendItem = document.createElement('div');


                        pageIndex = 1;
                        pageCount = 0;
                        clearHtml = true;
                        loadData(myObject.data[i].uid, function (html) { HtmlM += html; });
                        // HtmlM += loadData(myObject.data[i].uid);





                    }

                    $('.bxslider').bxSlider({
                        pagerCustom: '#bx-pager'


                    });

                    $('#reload-slider').click(function (e) {
                        e.preventDefault();
                        slider.reloadSlider({
                            mode: 'fade',
                            auto: true,
                            pause: 1000,
                            speed: 500
                        });
                    });

                    //    alert(HtmlM);
                    $('#bx-pager').html(htmlT);

                    alert(HtmlM);
                    $('.bxslider').html(HtmlM);




                },

                failure: function (data) {
                    alert(data.d);
                },
                error: function (msg) {
                    alert(data.d);
                }
            });

HTML

  <ul class="bxslider">

    </ul>

    <div id="bx-pager">

    </div>

Я создаю контент bxslider и пейджер динамически, но bxslider не работает эффективно, когда я сделай это. Это дает мне два ли одновременно

кто-нибудь сталкивается с той же проблемой. Пожалуйста, помогите

ИЗМЕНИТЬ:

 <ul class="bxslider">
        <li>
    <img height="0" width="200" src="/uploads/1439/JW011757635132099477986331_thumb.jpg" alt="Trendy Sea Bamboo and Pearl Stretch Bracelet">
    <img height="0" width="200" src="/uploads/1436/RadioEditCreme635131946925232435_thumb.jpg" alt="RADIO EDIT CREME CLASSIC CLUTCH">

    </li>
 <li>
    <img height="0" width="200" src="/uploads/1439/JW011757635132099477986331_thumb.jpg" alt="Trendy Sea Bamboo and Pearl Stretch Bracelet">
    <img height="0" width="200" src="/uploads/1436/RadioEditCreme635131946925232435_thumb.jpg" alt="RADIO EDIT CREME CLASSIC CLUTCH">

    </li>
    </ul>

введите здесь описание изображения


javascript jquery bxslider
person vini    schedule 16.01.2014    source источник
comment
Какая часть вашего кода должна заботиться о поворотной части? Или вращение является эффектом перехода?   -  person Mandy Schoep    schedule 18.01.2014
comment
Привет, я добавил jquery для ответственного за вращение   -  person vini    schedule 18.01.2014
comment
Вы имеете в виду изменение размера?   -  person Mandy Schoep    schedule 18.01.2014

Ответы (1)


arrow_upward
0
arrow_downward

этого вы хотите добиться (с помощью пейджера)? Простой пример того, как создать bxSlider.

                var slider = $('.bxslider').bxSlider({
                    mode: 'fade',
                    captions: false
                });

                $('#reload-slider').click(function (e) {
                    e.preventDefault();
                    slider.reloadSlider({
                        mode: 'fade',
                        auto: true,
                        pause: 1000,
                        speed: 500
                    });
                });
person Mandy Schoep    schedule 18.01.2014
comment
Что-то вроде этого, это работает для меня, но нет, если у меня есть что-то подобное (проверьте редактирование) - person vini; 18.01.2014
comment
Вам нужно очищать HtmlM каждый раз после цикла HtmlM = "" например: $('.bxslider').html(HtmlM); HtmlM = ""; - person Mandy Schoep; 18.01.2014
comment
Да, что именно я знаю - person vini; 18.01.2014