Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Непонятное поведение слайдера (jQuery) (https://javascript.ru/forum/jquery/29981-neponyatnoe-povedenie-slajjdera-jquery.html)

Heidel 19.07.2012 21:46

Непонятное поведение слайдера (jQuery)
 
На странице сделаны 2 слайдера http://strdv.inetech.ru

<script type=\"text/javascript\">

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

<!-- Первый слайдер -->

jQuery(document).ready(function() {
    jQuery('#mycarousel_1').jcarousel({
        auto: 2,
        wrap: \"circular\",
        scroll: 1,
        visible: 4,
        start: 1,
        animation: 2000,
        initCallback: mycarousel_initCallback,
        itemFallbackDimension: 100
    });

<!-- Второй слайдер -->

    jQuery('#mycarousel_2').jcarousel({
        auto: 2,
        wrap: \"circular\",
        scroll: 1,
        visible: 4,
        start: 3,
        animation: 2000,
        initCallback: mycarousel_initCallback,
        itemFallbackDimension: 100

    });
});

в оба слайдера подгружаются пункты из одного и того же раздела, поэтому, чтобы слайдеры не были одинаковыми, для них прописаны
для первого start: 1
для второго start: 3

Но слайдер может работать по-разному: иногда оба двигаются одновременно, так, как и надо. но иногда первый двигается, второй стоит на месте, или наоборот. Или они начинают движение, но некоторое время спустя один замирает, а второй продолжает двигаться. В чем причина и как это поправить?
Тестилось в гугл хром.

zlodeeev 19.07.2012 23:50

// Pause autoscrolling if the user moves with the cursor over the clip. - ОСТАНАВЛИВАЕТ слайдер если пользователь навёл мышку, и заводит его снова, когда убирает. Почему-то не всегда срабатывает, но я бы убрал эту функцию.


    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });

Heidel 20.07.2012 09:57

да, мне уже объяснили) спасибо)


Часовой пояс GMT +3, время: 02:28.