Показано с 1 по 2 из 2

Тема: Привязка внешних ссылок на фрагменты изображения, выделение фрагментов

Комбинированный просмотр

  1. #1

    Регистрация
    25.01.2013
    Сообщений
    2

    Здравствуйте! Подскажите, пожалуйста, по такому вопросу.

    Имеется веб-сайт, на котором есть фрагментированное изображение. Нужно сделать так, чтобы на каждый фрагмент была привязана своя ссылка, и когда по ней проходят - переход осуществляется на страницу с фрагментированным изображением, а нужный фрагмент (по чьей ссылке перешли) выделяется/подсвечивается.

  2. #2

    Регистрация
    25.01.2013
    Сообщений
    2
    Последовал советам людей и сделал на спрайте. Получилось так:
    Код 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>

    То бишь я по линку типа [Только зарегистрированные пользователи могут видеть ссылки. ] попадаю на страницу и прямиком в нужный фрагмент упираюсь. Но поскольку вместе они представляют собой цельную картинку, встает вопрос выделения целевого фрагмента, иначе непонятно - где он.. Как его можно выделить при заходе на страницу, бордер этот?

Похожие темы

  1. Склейка фрагментов
    от _Burn_ в разделе Векторная графика
    Ответов: 4
    Последнее сообщение: 10.04.2012, 22:19
  2. фрагменты...
    от Fregezechen в разделе CG и иллюстрация
    Ответов: 34
    Последнее сообщение: 24.04.2011, 03:22
  3. связка внешних данных с Корелом
    от 0zz в разделе Векторная графика
    Ответов: 3
    Последнее сообщение: 17.09.2007, 16:58
  4. Посоветуйте что, разбивка на фрагменты...
    от SERGEI666 в разделе Веб-программирование
    Ответов: 6
    Последнее сообщение: 11.02.2007, 19:46
  5. Выделение изображения ???
    от Alekse-y в разделе Растровая графика
    Ответов: 8
    Последнее сообщение: 05.12.2005, 22:46

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •