JavaScript Моментальное увеличесние картинки

JavaScript Моментальное увеличесние картинки

dzheka3d

Новый участник

Сообщения: 42
Благодарности: 1

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

Отправлено: 11:57, 04-10-2011

RostVY

Старожил

Сообщения: 280
Благодарности: 54

Профиль | Отправить PM | Цитировать

при клике устанавливают для картинки класс 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;
}

-------
carpe diem

Последний раз редактировалось RostVY, 04-10-2011 в 16:17.

Отправлено: 13:53, 04-10-2011 | #2