Anchor animate div на основе смещения элемента

Question

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

• а-один должен анимировать уль # галерее

  основаны на смещение # img-one.box.

• a-two должен анимировать галерею ul #

  на основе смещения # img-two.box.

Так что, если галерея ul # оставлена: 0 и # img-two.box находится в 300px. Затем, когда вы нажимаете # a-one, он будет смещать ul # gallery left: -300px, чтобы сделать # img-two.box по существу красным влево.

Я начал пример, но не смог завершить его здесь: http://jsfiddle.net/XmB2Y/1/

я буду более чем счастлив объяснить более подробно, если запутанным.

Edit: Теперь, когда я думаю об этом. Один из способов, который, по моему мнению, может быть сделан, - это то, что вы должны иметь href каждой ссылки как тот же идентификатор, что и соответствующий прямоугольник. Тогда вы можете сделать это, когда пользователь нажимает на ссылку, ищет соответствующий div и вычисляет смещение. Затем оживите, что ul # gallery the offest.left amount.

Редактировать Два: Так, так как количество ссылок и количество изображений всегда будет такой же .. Вы могли бы использовать селектор :nth-child, чтобы соответствовать каждой ссылке с каждым изображением?

Answer 1

Если вы правильно поняли, вы можете попробовать http://jsfiddle.net/kpkM2/26/.