Войти

Показать полную графическую версию : JavaScript Моментальное увеличесние картинки


dzheka3d
04-10-2011, 11:57
Здравствуйте! Подскажите, как сделать вот такой эффект как тут: http://vetton.ru/32651/
При нажатии на картинку, она моментально увеличивается, а если нажать еще раз - уменьшается?

RostVY
04-10-2011, 13:53
при клике устанавливают для картинки класс ontop. при этом получаем width: 100%

типа

var img=document.getElementById(wallpaper');
if(img.classname=='ontop')
img.classname='';
else
img.classname='ontop';

а в CSS там такое:

#wallpaper {
display: block;
margin: auto;
max-height: 700px;
max-width: 760px;
z-index: 10;
}

#wallpaper.ontop {
left: 0;
max-height: none;
max-width: none;
position: absolute !important;
top: 0;
width: 100% !important;
z-index: 300 !important;
}




© OSzone.net 2001-2012