Image на передний план

@Grigoriy251 · Регистрация: 11.01.2011

Author24 — интернет-сервис помощи студентам

Есть множество картинок на странице стоящие друг за другом.
необходимо при нажатии на кнопку, следующая картинка становилась на передний план перекрывая остальные.
на VB это ZOrder а как на JAVA Script это организовать???

Vovan-VE · 25.09.2011, 15:55

В css для этих картинок задайте position:relative; и затем с помощью JS устанавливайте/сбрасывайте у нужной картинки свойство zOrder в объекте style.

@Grigoriy251 · 25.09.2011, 16:27 **[ТС]**

Спасибо.
но
position:relative;
к сожалению необходимо оставлять position:absolute;
т.к. остальные изображение должны отображаться на заднем плане.
А есть другие варианты.
А то получается перекрытие предыдущими фотками необходимых изображений...

@Grigoriy251 · 25.09.2011, 16:51 **[ТС]**

Вот файл примера, думаю так будет понятнее чего я пытаюсь сделать!!!
Картинки при приближение перекрывают друг-друга

Vovan-VE · 25.09.2011, 20:03

Сообщение от Grigoriy251

position:relative;
к сожалению необходимо оставлять position:absolute;

Тоже подойдет. Главное, что не static.

@Grigoriy251 39 / 27 / 1 Регистрация: 11.01.2011 Сообщений: 113
		1
	Image на передний план 25.09.2011, 13:32. Показов 3553. Ответов 4 Метки нет (Все метки) Есть множество картинок на странице стоящие друг за другом. необходимо при нажатии на кнопку, следующая картинка становилась на передний план перекрывая остальные. на VB это ZOrder а как на JAVA Script это организовать??? 0

Vovan-VE 13208 / 6596 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	25.09.2011, 15:55	2
	В css для этих картинок задайте position:relative; и затем с помощью JS устанавливайте/сбрасывайте у нужной картинки свойство zOrder в объекте style. 1

@Grigoriy251 39 / 27 / 1 Регистрация: 11.01.2011 Сообщений: 113
	25.09.2011, 16:27 [ТС]	3
	Спасибо. но position:relative; к сожалению необходимо оставлять position:absolute; т.к. остальные изображение должны отображаться на заднем плане. А есть другие варианты. А то получается перекрытие предыдущими фотками необходимых изображений... 0

Vovan-VE 13208 / 6596 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	25.09.2011, 20:03	5
	Сообщение от Grigoriy251 position:relative; к сожалению необходимо оставлять position:absolute; Тоже подойдет. Главное, что не static. 0