укладывать изображения друг на друга (JavaScript)

Question

У меня следующая проблема. Я хочу написать свое собственное слайд-шоу в JavaScript. Таким образом, идея состоит в том, чтобы поместить много изображений (с одинаковой шириной и высотой) друг на друга, а затем изменить их непрозрачность с помощью JavaScript. Но чтобы поместить одно изображение в другое, мне нужно использовать абсолютную позицию (не так ли?). Поэтому я не могу проследить относительную позицию (например, в таблице).

Идея состоит в том, чтобы получить положение родительского элемента, поместить в него (призрак) изображение с непрозрачностью 0 (чтобы получить весь размер таблицы) и установить абсолютную позицию изображений в эту позицию. Все идет нормально. Но если в таблице более одного слайд-шоу, то другие слайд-шоу хаотично размещаются на странице. Это происходит потому, что после размещения первого слайд-шоу позиция табличного блока изменяется. К сожалению, функции, которые получают положение элемента, всегда получают его ДО ПЕРЕД вставкой изображений через javascript. Так как же делать то, что я хочу?

Я надеюсь, что объяснил свою проблему достаточно ясно, ожидая ответов. :)

Answer 1

Вы можете просто использовать готовое слайд-шоу, например, здесь: http://jquery.malsup.com/cycle/

Похоже, что оно должно делать все, что вы хотите

Answer 2

Я бы больше посмотрел на настройку Z-индекса изображения, так как это трехмерная часть позиции.Регулируя Z-индекс программным способом, вы также можете получить эффект слайд-шоу.

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