VPF::Картинка заходит за другую - Форум программистов

GIK

Дата 25.2.2006, 16:44 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

Как сделать так чтобы фотография которая в движении нахожилась повехностно?

Код


<html>
 <head>
  <script type="text/javascript">
   <!--


   //88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888
   var topTime;
   var thisTop;
   var thisLeft;
   var thisWidth;
   var maxLeft;
   var thisID;
   var topTime2;
   var thisTop2;
   var thisRight2;
   var thisWidth2;
   var maxRight2;
   var thisID2;
 function f4(obj,bool,t,l,w,ml,ID) { if(bool){
  thisTop=t; thisLeft=l; thisWidth=w; maxLeft=ml; thisID=ID;
  topTime=window.setInterval("topStyle()",1);
 }else{obj.width=w;obj.style.top=t;obj.style.left=l;clearInterval(topTime);}} 
function topStyle() {
if(thisTop<43) //До максимального Top значения! и одновременное увеличение width и top!!! 
{ document.getElementById(thisID).width=++thisWidth;
 document.getElementById(thisID).style.top=++thisTop; 
} else
  if(thisLeft<maxLeft) {
 document.getElementById(thisID).style.left=++thisLeft;
 document.getElementById(thisID).width=++thisWidth;  }
if(thisLeft==maxLeft) {clearInterval(topTime);} //Остановка после дохождения до максимума.
} 

 //************************************************************************
 function f1(obj,bool,t,r,w,mr,ID) { if(bool) {
  thisTop2=t; thisRight2=r; thisWidth2=w; maxRight2=mr; thisID2=ID;
  topTime2=window.setInterval("topStyle2()",1);
 }else{obj.width=w;obj.style.top=t;obj.style.right=r;clearInterval(topTime2);}} 
function topStyle2() {
if(thisTop2<43) //До максимального Top значения! и одновременное увеличение width и top!!! 
{ document.getElementById(thisID2).width=++thisWidth2;
  document.getElementById(thisID2).style.top=++thisTop2; 
} else
  if(thisRight2<maxRight2) {
 document.getElementById(thisID2).style.right=++thisRight2;
 document.getElementById(thisID2).width=++thisWidth2; }
 if(thisRight2==maxRight2) {clearInterval(topTime2);} //Остановка после дохождения до максимума
}   
//-->
 </script>
   </head>
 <body id="bod" bgcolor=#009983>
   
 <img src="img\1.jpg" id="img1" width=120 style="position:absolute;top:21;left:30;" onMouseOver="f4(this,true,21,30,120,102,'img1')" onMouseOut="f4(this,false,21,30,120,0,'img1')">
 <img src="img\2.jpg" id="img2" width=120 style="position:absolute;top:21;left:155;" onMouseOver="f4(this,true,21,155,120,201,'img2')" onMouseOut="f4(this,false,21,155,120,0,'img2')">
    
</body>
</html>

--------------------

Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.

Sardar

Дата 25.2.2006, 17:40 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

GIK, как ты думаешь много народу горят желанием просматривать твой код в таком виде? smile

форматируй его до читаемого вида smile

Стили, z-index поставь для картинки что на переднем фоне больше.

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Ciber SLasH

Дата 26.2.2006, 06:31 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Измени свой фрагмен кода так:

Код


 <img src="1.jpg" id="img1" width=120 style="position:absolute;top:21;left:30;" onMouseOver="this.style.zIndex = 1; f4(this,true,21,30,120,102,'img1')" onMouseOut="this.style.zIndex = 0; f4(this,false,21,30,120,0,'img1')">
 <img src="2.jpg" id="img2" width=120 style="position:absolute;top:21;left:155;" onMouseOver="this.style.zIndex = 1; f4(this,true,21,155,120,201,'img2')" onMouseOut="this.style.zIndex = 0; f4(this,false,21,155,120,0,'img2')">

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »