-
Здравствуйте! Подскажите, пожалуйста, по такому вопросу.
Имеется веб-сайт, на котором есть фрагментированное изображение. Нужно сделать так, чтобы на каждый фрагмент была привязана своя ссылка, и когда по ней проходят - переход осуществляется на страницу с фрагментированным изображением, а нужный фрагмент (по чьей ссылке перешли) выделяется/подсвечивается.
-
Последовал советам людей и сделал на спрайте. Получилось так:
Код CSS
<div class='htmltop'>HTML</div><div class='htmlmain'>.awki {
height:200px;
width:200px;
background:url(../images/a.jpg)
}
/* awki */
.awki.a1 {background-position:0px 0px;}
.awki.a2 {background-position:200px 0px;}
.awki.a3 {background-position:400px 0px;}
.awki.a4 {background-position:600px 0px;}
.awki.a5 {background-position:800px 0px;}
.awki.a6 {background-position:0px 200px;}
.awki.a7 {background-position:200px 200px;}
.awki.a8 {background-position:400px 200px;}
.awki.a9 {background-position:600px 200px;}
.awki.a10 {background-position:800px 200px;}
.awki.a11 {background-position:0px 400px;}
.awki.a12 {background-position:200px 400px;}
.awki.a13 {background-position:400px 400px;}
.awki.a14 {background-position:600px 400px;}
.awki.a15 {background-position:800px 400px;}
.awki.a16 {background-position:0px 600px;}
.awki.a17 {background-position:200px 600px;}
.awki.a18 {background-position:400px 600px;}
.awki.a19 {background-position:600px 600px;}
.awki.a20 {background-position:800px 600px;}
.awki.a21 {background-position:0px 800px;}
.awki.a22 {background-position:200px 800px;}
.awki.a23 {background-position:400px 800px;}
.awki.a24 {background-position:600px 800px;}
.awki.a25 {background-position:800px 800px;}</div>
А это часть кода HTML
<div class='htmltop'>HTML</div><div class='htmlmain'><td>
<a href="www.mysite.net/gallery/a25.html"> /* здесь линк, куда ссылается фрагмент */
<div id="a25"><img src="images/blank.gif" class="awki a7" alt=""></a></td></div></a></td></div>
То бишь я по линку типа [Only registered and activated users can see links. Click Here To Register...] попадаю на страницу и прямиком в нужный фрагмент упираюсь. Но поскольку вместе они представляют собой цельную картинку, встает вопрос выделения целевого фрагмента, иначе непонятно - где он.. Как его можно выделить при заходе на страницу, бордер этот?