Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > Помогите найти ошибку jСarousel

Автор: Suroki 13.8.2014, 08:40

На главной страничке сайта http://stroyresurs.b34.netex.pro имеется несколько каруселей.
У меня глючит карусель центрального баннера (id="carousel-banner-id").
Суть глюка:
Если в карусели 2 элемента (как сейчас), то при первом клике по правой стрелочке прокрутка не отрабатывается, при втором клике отрабатывается, но, после этого, чтобы отработалась перемотка влево, на левой стрелочке тоже нужно кликнуть 2 раза.
Если добавить в карусель элементы, например, третий, то уже нужно 2 холостых клика, а отрабатывается прокрутка на 3й.
При кликах по навигации Pagination, тоже заметен глюк (явно проистекающий из первого).

Код


<div id="carousel-banner-id" class="" data-jcarousel="true"> 
  <ul class="carousel-inner" style="left: 0px; top: 0px;"> 
    <li class="item banner-inner active">...</li> 
    <li class="item banner-inner ">...</li> 
  </ul> 
  <div class="controls-center"> 
    <a class="arrow-left-b" href="#carousel-example-generic" data-slide="prev" data-jcarouselcontrol="true"></a> 
     <a class="arrow-right-b" href="#carousel-example-generic" data-slide="next" data-jcarouselcontrol="true"></a> 
   </div> 
</div>

Код


        var carousel_banner = $("#carousel-banner-id").jcarousel({ 
            scroll: 1, 
            wrap: 'circular' 
        }); 
        $('.arrow-left-b').jcarouselControl({ 
             
            target: '-=1' 
        }); 
        $('.arrow-right-b').jcarouselControl({ 
            
            target: '+=1' 
        }); 
        $('.carousel-indicators2') 
            .on('jcarouselpagination:active', 'li', function() { 
                $(this).addClass('active'); 
            }) 
            .on('jcarouselpagination:inactive', 'li', function() { 
                $(this).removeClass('active'); 
            }) 
            .on('click', function(e) { 
                e.preventDefault(); 
            }) 
            .jcarouselPagination({ 
                carousel: carousel_banner, 
                perPage: 1, 
                item: function(page) { 
                    return '<li></li>'; 
                } 
            });

Пожалуйста, подскажите где у меня ошибка!?

Автор: Aliance 13.8.2014, 14:25

ошибка 404. Соберите пример на jsfiddle.net

Автор: Suroki 13.8.2014, 14:40

Цитата(Aliance @ 13.8.2014, 14:25)

ошибка 404. Соберите пример на jsfiddle.net

а что это за сервис, и зачем?