Как менять картинки в блоке при скроллинге страницы?

Question

[Наталия]

Добрый день!
Есть блок, куда будет помешаться одна картинка из трех (левый блок в примере ниже). Нужно, чтоб при скроллинге правый блок (линия середины) оставался на месте, а картинка менялась на следующую как только страница будет прокручена на определенное расстояние при этом правый блок всегда остается по центру картинки.

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

начало вот тут: https://jsfiddle.net/nlynx/0rnyhj94/

Заранее спасибо.

дополнение: примерно вот так нужно левую часть сделать: https://jsfiddle.net/nlynx/ec5ysyev/
синий фон - чтоб понимать что куда едет.

Answer 1

[Александр Косицын]

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