2013-06-29 3 views
1

Я попытался сделать тикер в правой колонке большинства страниц на этом сайте: http://www.black-kite.co.uk/services [например].Тикер не будет циклически перемещаться и останавливаться до нижнего предела

Это работает частично. По какой-то причине тикер не достигает нижней части последнего элемента и перестает вращаться. Я хочу, чтобы он вращался в бесконечном цикле.

JQuery используется здесь:

$(function() { 

    //cache the ticker 
    var ticker = $("#ticker"); 

    //wrap dt:dd pairs in divs 
    ticker.children().filter("dt").each(function() { 

    var dt = $(this), 
     container = $("<div>"); 

    dt.next().appendTo(container); 
    dt.prependTo(container);    
    container.appendTo(ticker); 
    }); 

    //hide the scrollbar 
    ticker.css("overflow", "hidden"); 

    //animator function 
    function animator(currentItem) { 

    //work out new anim duration 
    var distance = currentItem.height(), 
    duration = (distance - Math.abs(parseInt(currentItem.css("marginTop"))))/0.025; 

    //animate the first child of the ticker 
    currentItem.animate({ marginTop: -distance }, duration, "linear", function() { 

     //move current item to the bottom  
     currentItem.appendTo(currentItem.parent()).css("marginTop", 0); 

    //recurse 
    animator(currentItem.parent().children(":first")); 
    }); 
    }; 

    //start the ticker 
    animator(ticker.children(":first")); 

    //set mouseenter 
ticker.mouseenter(function() { 

    //stop current animation 
    ticker.children().stop(); 

}); 

//set mouseleave 
ticker.mouseleave(function() { 

    //resume animation 
    animator(ticker.children(":first")); 
}); 

}); 

Я также сделал jsfiddle: http://jsfiddle.net/BsjpV/

Я был бы признателен за любую помощь или указатели, я только обучение JQuery/JavaScript типа вещи! Спасибо!

+0

Я не вижу эти две проблемы http://jsfiddle.net/mattydsw/BsjpV/1/ Какой браузер вы используете? – mkutyba

+0

Я пробовал Chrome, Safari и Firefox. Я не вижу, чтобы они вращались вокруг ... но смотря на jquery, где вы положили фото в [жаль, что я забыл поставить реальные фото в!], Я вижу, что вы ничего не изменили, но это работает ... I я очень смущен сейчас! – GiANTOnFire

+0

, когда вы смотрите на него на black-kite.co.uk/about.php, например [rhs bar, в окне clients/partners] работает ли он на вас? – GiANTOnFire

ответ

1

линия кода закомментирована непреднамеренно была вещь причиной проблемы ...

Смежные вопросы