Я нашла код, чтобы фото увеличивались при наведение на него курсором. Но фото увеличивается только на одной странице. Как сделать, чтобы на всех страницах фото увеличивались?
Этот код я вставила в <head> $(function(){
$('.img').hover(function(){
$(this).children('img').stop().animate({width:"770px",height:"430px"},850);
}, function(){ $(this).children('img').stop().animate({width:"600px",height:"300px"}, 800); });
});
Этот в CSS:
a.test .img{width:600px;height:300px;overflow:hidden;}
a.test .img img{width:600px;height:300px;}
a.test:hover .img{width:600px;height:300px;overflow:visible;visibility:hidden;}
a.test:hover .img img{visibility:visible;width:770px;height:430px;position:absolute;z-index:850;}
А этот на страницы сайта:
<a class="test" href="javascript:">
<div class="img"><img src="ВАША КАРТИНКА" alt="" title="" /></div>
</a>
Вот на этой работает:
http://sitenaokise.okis.ru/parametry_sita.htmlА на этой нет:
http://sitenaokise.okis.ru/Sozdaem_novuju_stranicu.html
Вход
Регистрация
FAQ
Поиск
