Слайдер Jquery: плавная анимация клика

Question

jquery ползунки содержат «одушевленный» оптон, который при значении «true» будет перемещать ручку в положение при нажатии на ползунок.

Я использую свой ползунок для прокрутки контента в другом div, создавая эффект, аналогичный эффекту на веб-сайте Apple. http://www.apple.com/mac/

проблема в том, что когда я щелкаю ползунок, он плавно анимирует дескриптор, но не другой div. у меня есть другая прокрутка div на события "слайд" и "изменить". Любые идеи, как я могу добиться плавной прокрутки для другого div?

Заранее спасибо, о боги JQuery.

мой код:

var list = $('.sliderGallery ul');

$('.slider').slider({
    min:0,
    max:1500,
    animate: true,
    slide: function(event, ui) { list.css('left', '-' + ui.value + 'px'); },
    change: function(event, ui) { list.css('left', '-' + ui.value + 'px'); }
});

Answer 1

Прошло много времени с тех пор, как я использовал JavaScript, но, насколько я помню, jQuery, вы можете попытаться сделать то же самое, что вы уже делаете, но с использованием эффекта анимации. Попробуйте это:

var list = $('.sliderGallery ul');

$('.slider').slider({
    min:0,
    max:1500,
    animate: true,
    slide: function(event, ui) { list.animate({'left': '-' + ui.value + 'px'}, 'normal'); },
    change: function(event, ui) { list.animate({'left': '-' + ui.value + 'px'}, 'normal'); }
});

Этот код может работать не сразу, но, надеюсь, может послужить отправной точкой. Вот ссылка на документацию по этой функции: animate (params, [duration], [замедление], [обратный вызов]) в Effects / animate .