登录 | 注册 | FAQ
Anonymous

Помогите с эффектом "одна ссылка под другой"

+ 发表回复

2 篇帖子 分页: 1 / 1


Помогите с эффектом "одна ссылка под другой"

由 gorniawe4ka » 周日 12月 30, 2012 12:44 pm

Здравствуйте.
Есть две картинки-ссылки, одна под другой и при наведении одна вылазиет наверх, другая вниз http://index12.byethost11.com/.
В моей версии такой же эффект должен быть, но есть map(ы) и из-за этого, кажется, ничего не пашет http://index13.byethost11.com/.
Код моей версии
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<link rel="stylesheet" type="text/css" href="css/template.css"/>
<style type="text/css">

#charles{
position: relative;
height: 706px;
width: 588px;
z-index: 30;
}
#cat{
height: 583px;
width: 394px;
position: relative;
z-index: 80;
}
#cat:hover{
z-index:100;
}
#charles:hover{
z-index:100;
}

</style>
</head>
<body>
<Img id="charles" src="images/charleskolaj1.png" usemap="#kartinka"/>
<Img id="cat" src="images/cat.jpg" usemap="#cat"/>
<map name="kartinka">
<area shape="poly" href="http://google.com" coords="91,1,587,71,492,703,2,634" href="http://google.com"/>
</map>
<map name="cat">
<area shape="poly" href="http://yandex.ru" coords="9,7,392,6,395,580,7,581" />
</map>



</body>

</html>
头像

gorniawe4ka


Re: Помогите с эффектом "одна ссылка под другой"

XainPro » 周一 12月 31, 2012 6:57 am

<area shape="poly" href="http://google.com" coords="91,1,587,71,492,703,2,634" href="http://google.com"/>
<area shape="poly" href="http://yandex.ru" coords="9,7,392,6,395,580,7,581" />
Вам нужно отредактировать там cordinates (ширина, высота) accoring на ваш whihc размер вполне dificult
Вы можете сделать это через помощью любого программного обеспечения для редактирования изображений (фото магазин) для расчета пикселей
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm


+ 发表回复

分页: 1 / 1