Я попытался сделать тикер в правой колонке большинства страниц на этом сайте: 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 типа вещи! Спасибо!
Я не вижу эти две проблемы http://jsfiddle.net/mattydsw/BsjpV/1/ Какой браузер вы используете? – mkutyba
Я пробовал Chrome, Safari и Firefox. Я не вижу, чтобы они вращались вокруг ... но смотря на jquery, где вы положили фото в [жаль, что я забыл поставить реальные фото в!], Я вижу, что вы ничего не изменили, но это работает ... I я очень смущен сейчас! – GiANTOnFire
, когда вы смотрите на него на black-kite.co.uk/about.php, например [rhs bar, в окне clients/partners] работает ли он на вас? – GiANTOnFire