Эффект приближения изображения(увеличения фото) с javascript Эффект приближения изображения(увеличения фото) с javascript

Эффект приближения изображения(увеличения фото) с javascript

Дата: Пятница, 25.03.2011, 15:31 | Сообщение # 1

Группа: Администраторы

Сообщений: 1530

<html>

<div id='mov1' style='position:absolute;top:300px;left:300px;width:200px;height:200px;overflow:hidden;z-index:1' onmouseover='star();' onmouseout='iss();'>
<img id='pic1' src='girl1.jpg' width='400'></div>

<div id='movc' style='display:none;'>.</div>

<script>
var x=400;
var y=0;

function star() {
t=setInterval("rot()",10);
}

function rot() {
x++;
y++;
document.getElementById('pic1').style.width=x;
document.getElementById('pic1').style.marginLeft=-(y/3);
document.getElementById('pic1').style.marginTop=-(y/3);
document.getElementById('movc').innerHTML=x;
if(x>500) {clearInterval(t);}
}

function iss() {
document.getElementById('pic1').style.marginLeft=0;
document.getElementById('pic1').style.marginTop=0;
document.getElementById('pic1').style.width=400;
x=400;
y=0;
clearInterval(t);
}

</script>

</html>

Пример: http://wemodels-nsk.ru/m_001/

Эффект приближения изображения(увеличения фото) с javascript - Архив