Как синхронизировать горизонтальную полосу прокрутки jQuery.SerialScroll с содержимым слайдера?

Question

Я использую jquery SerialScroll на моей веб-странице, чтобы скользить вокруг 20 изображений, и она отлично работает. Теперь я хочу сделать это:

Так как их 20 слайдов, так чтополоса прокрутки находится под скользящими изображениями (или, я могу сказать, в конечной точке скользящего элемента div), и этот скроллер автоматически обновляется по мере скольжения изображений, поэтому теперь я хочу, чтобы, если пользователь щелкнул эту полосу прокрутки и сдвинул ползунок вручную иоставьте скроллер на 10-ых изображениях, затем он должен запустить его после 10-ых изображений, а затем продолжить прокрутку.

Так скажите, пожалуйста, или подскажите, как мне это сделать?

Я думаю,это можно сделать, обнаружив, если пользователь нажал на полосу прокрутки и прокрутил вручную, тогда мне нужно определить, сколько пройденных изображений, затем снова запустить прокрутку, вызвав событие.

Но, пожалуйста, дайте мне некоторое представление о терминахкода?

-Спасибо

Answer 1

Давайте напишем наш собственный крошечный серийный свиток!
И ... приятный слайдер изображений:

• Остановка на mouseEnter
• Перезапуск на mouseLeave
• Во время ручного перемещения он управляет изображением, наиболее видимым (подробнеечем 50% на экране!)
• Запустите слайдер снова из наиболее видимого изображения

Галерея DEMO