Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Z-INDEX и JS для наложенных изображений.
 
 автор: DJ Paltus   (31.10.2005 в 17:41)   письмо автору
 
 

Я пытаюсь понять смысл свойства Z-INDEX. Если я правильно понял, то это свойство определяет, какой слой для объекта выбран.
Задался вопросом - можно ли варьировать зет-индекс при помощи javascript.
К примеру, я имею три картинки, наложенные друг на друга каскадом. И если бы ткнуть в прикрытую картинку, да чтоб она стала в первом слое, а предыдущая, соответственно, стала бы второй.
Кому не лень помучаться?

   
 
 автор: 12345   (31.10.2005 в 20:21)   письмо автору
 
   для: DJ Paltus   (31.10.2005 в 17:41)
 

Раз плюнуть. Делаешь zMax, при каждом щелчке на слое нужного класса .style.zIndex=zMax++; Для Мозилл, наверное, нужен неотрицательный (раньше не понимали).

   
 
 автор: DJ Paltus   (01.11.2005 в 03:15)   письмо автору
 
   для: 12345   (31.10.2005 в 20:21)
 

Я прошу прощения, Вы не могли бы раз плюнуть в эту ветку форума? :-))
Не дружу я с явой, а idee de fixe засела. Мелкая интекрактивность в обычно статичных полях меня прикалывает, но, думаю, это в меру.

   
 
 автор: 12345   (01.11.2005 в 17:12)   письмо автору
 
   для: DJ Paltus   (01.11.2005 в 03:15)
 

Да если написать не можешь, то не поможет. Чуть сложнее задачка, и куда ты будешь их вставлять?
<script>zAbs=0;
document.onclick=function(){if((t=event.srcElement).className=='abs'){t.style.zIndex=++zAbs;}}
</script>
<style>.abs{position:absolute;width:70;height:100}</style>
<img src=http://softtime.ru/images/php5_2.gif class=abs style=left:40;top:80;>
<img src=http://softtime.ru/images2/handbook_forum.jpg class=abs style=left:60;top:60;>
<img src=http://softtime.ru/images/php5_2.gif class=abs style=left:80;top:40;>
(Добавление: было для IE5+, Opera7, но теперь доделал для FF/NN/Moz (пров в FF) )
<script>zAbs=0;d=document;if(d.all)IE=1;else IE=0;
d.onclick=function(e){
if((t=(IE?event.srcElement:e.target)).className=='abs'){t.style.zIndex=++zAbs;}}
</script>
<style>.abs{position:absolute;width:70;height:100}</style>
<img src=http://softtime.ru/images/php5_2.gif class=abs style=left:40;top:80;>
<img src=http://softtime.ru/images2/handbook_forum.jpg class=abs style=left:60;top:60;>
<img src=http://softtime.ru/images/php5_2.gif class=abs style=left:80;top:40;>

   
 
 автор: DJ Paltus   (02.11.2005 в 12:11)   письмо автору
 
   для: 12345   (01.11.2005 в 17:12)
 

Спасибо большое!
Наверное, получится использовать. Главное, как-то научить пользователся туда тыкать.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования