Функция уменьшения картинки. есть только увеличения

@pupushecka · Регистрация: 13.06.2011

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

Привет всем. Есть функция увеличения картинки при наведении мыши, а еще нужна для уменьшения при снятии мыши с картинки.

Javascript

<html><head>
<meta content="text/html; charset=windows-1251" http-equiv="content-type"><title>test script</title>
 
<script type="text/javascript" language="JavaScript">
<!--
function yvel(imgId,w,h,h2,dw,dh,dt)
{
    if(h<h2)
    {
        document.getElementById(imgId).width=w;
        document.getElementById(imgId).height=h;
        h+=dh;
        w+=dw;
        setTimeout("yvel(\""+imgId+"\","+w+","+h+","+h2+","+dw+","+dh+","+dt+")", dt);
       
    }
    else
        ;
}
 
    
function IncImg(h1,w1,h2,w2, imgObj)
{
    
    var v=100;//скорость увеличения в пикселях
    var w=w1,h=h1;//текущие размеры
    var vp;//скорость увеличения в процентах
    if( (v/h1)>(v/w1))
        vp=v/h1;
    else 
        vp=v/w1;
    dh=1;//vp*h1;
    dw=1;//vp*w1;
    dt=50;//00/v;
 
    yvel(imgObj.id,w,h,h2,dw,dh,dt);
 
}//IncImg
//-->
</script>
</head>
<body>
<img onMouseOver="IncImg(288,400,575,799,this)"  alt="big" src="big.jpg" name="img00" id="img00" height="288" width="400">
 
</body></html>

ЗАРАНЕЕ БЛАГОДАРЮ.

@shilovec5377 · 23.01.2012, 11:24

есть более простая функция:

Javascript

<html>
<title> Задание 18.2</title>
<head>
 
<script language="Javascript">
 
function pict1()
{
 
var d = document;
var w = d.mypict.width
if (w < 700)
{d.mypict.width = w+10
d.mypict.src = "1.jpg"
 
id1=setTimeout("pict1()",50)
}
}
 
function pict2()
 
{
clearTimeout(id1)
var c = document;
var v = c.mypict.width
if (v > 387)
{c.mypict.width = v-10
c.mypict.src = "1.jpg"
id2=setTimeout("pict2()",50)
 
 
}
}
</script>
</head>
<body>
<img src = "1.jpg" name="mypict" onMouseOver="pict1()" onMouseOut="pict2()">
 
</body>
</html>

@~~vglbch~~ · 23.01.2012, 12:07

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

{d.mypict.width = w+10

Кто так пишет? Для этого есть оператор +=

HTML5

<html>
<title></title>
<head>
 
<script language="Javascript">
var Interval;  
function pict1(){
var d = document;
var w = d.mypict.width
clearTimeout(Interval);
if (w < 700){
var i =50;
i -=20;
d.mypict.width +=10;
d.mypict.src = "C:/1.jpg" 
Interval=setTimeout("pict1()",i)
}
}
 
function pict2(){
var d = document;
var w = d.mypict.width
clearTimeout(Interval);
if (w >387)
{
var i =1;
i +=10;
d.mypict.width -=10;
d.mypict.src = "C:/1.jpg" 
Interval=setTimeout("pict2()",i)
}
}
</script>
</head>
<body>
<img src = "C:/1.jpg" name="mypict" onMouseOver="pict1()" onMouseOut="pict2()">
 
</body>
</html>

	23.01.2012, 12:07