2011-09-22 1 views
0

Я пытаюсь объединить два элемента (изображения) один за другим в одно и то же время - так что между ними нет разрыва.jQuery сдвинуть два элемента - один за другим

Я думал об использовании jQuery.animate(), но я не мог понять, как перемещать нижний элемент одновременно с выполнением метода анимации.

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

Контейнер для всех из них имеет относительное положение и элементы расположены внутри абсолютно.

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

Любая идея?

+4

Если они «вместе» на странице, вы можете просто обернуть их в div и поместить этот div вместо этого. Это займет изображения для поездки. –

+0

вот так? http://jsfiddle.net/jYbV7/ –

+0

Спасибо, Джозеф, но это не совсем то, что я имею в виду. – user398341

ответ

1

Я сделал быстрый и грязный раствор, который показывает, как это можно сделать: http://jsfiddle.net/ah2zN/1/

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

+0

Спасибо, Робин, это на данный момент. – user398341