Показать сообщение отдельно
  #1 (permalink)  
Старый 17.02.2013, 16:57
Интересующийся
Отправить личное сообщение для new0111 Посмотреть профиль Найти все сообщения от new0111
 
Регистрация: 05.07.2011
Сообщений: 12

Увеличение размеров картинки при наведении курсором
Задача: увеличение размеров картинки при наведении на неё курсором, если курсор выходит за пределы элемента, то размеры картинка становятся первоначальными.

Как сделал я
<img src="http://..." onMouseMove='onMoveImg(this.style);'  onMouseOut='onOutImg(this.style);'>


function onMoveImg(a){
	if(a.pixelHeight==90){
		function fun(){
			if(a.pixelHeight<150){
				a.pixelLeft-=2;
				a.pixelTop-=2;
				a.pixelWidth+=4;
				a.pixelHeight+=4;
				a.zIndex+=1;
				setTimeout(fun,20);
			}
		}
		fun();
	}
}
function onOutImg(a){
		function fun2(){
			if(a.pixelHeight>90){
				a.pixelLeft+=2;
				a.pixelTop+=2;
				a.pixelWidth-=4;
				a.pixelHeight-=4;
				a.zIndex-=1;
				setTimeout(fun2,10);
			}
		}
		fun2();
}


Уточнение: 90 первоначальный размер картинки, а 150 - размер, до которого увеличивается картинка.

Пробелмы: если провести курсором по картинке, то картинка всё равно увеличится до размеров 150 пикселей. Не могу сделать проверку условия в функции onMoveImg о том, что находится ли курсор ещё в пределах границы картинки или нет.

Заранее всем спасибо.
Ответить с цитированием