В JS понемногу начинаю разбираться, а вот в JQuery полный нуб
нашел скрипт, насколько смог - переделал!
Вот выполнение, ниже напишу что нужно доизменить:
CODE ( htmlphp):
скопировать код в буфер обмена
<script> $(document).ready(function(){ $("zoom").hover(function(){ $(this).find('span').stop().animate({ top: '-100px',left: '-100px',width: '500px',height: '500px' }, 400); }, function(){ $(this).find('span').stop().animate({ width: '50px',height: '50px'}, 250); }); }); </script> <style> zoom{ position:relative; display:block; width:50px; height:50px; } span{ background:url(...) no-repeat; width:50px; height:50px; display:block; } </style> <zoom><span></span></zoom>
Вообщем выполняет он растяжение изображения по событию .hover!
Нужно изменить чтобы было по событию .click растягивает, а когда убираешь мышь стягивает обратно... т.е. если по обычному(onclick и onmouseout)
Кто подскажет?
(Добавление)
P.S. не смотрите что тег <zoom>, знаю что такого нету это для примера!
|