Показать полную графическую версию : JavaScript Моментальное увеличесние картинки
dzheka3d
04-10-2011, 11:57
Здравствуйте! Подскажите, как сделать вот такой эффект как тут: http://vetton.ru/32651/
При нажатии на картинку, она моментально увеличивается, а если нажать еще раз - уменьшается?
при клике устанавливают для картинки класс 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
vBulletin v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.