Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Несколько ссылок на одной картинке (Карты-Изображения)
Дата: Сб, 23.01.2010, 20:15:59 | Сообщение # 1
Аватарка Lifes
َﱢﱟﱞﱡ۩ﱡﱞﱟﱢَМодерَﱢﱟﱞﱡ۩ﱡﱞﱟﱢَ
OFF
Пользователь
766 Сообщения:
19 Награды:
0 Отзывы:
Привет. Незнаю, нужно ли это кому-нибудь, но может и пригодится. Несовсем "Скрипт для uCoz", но незнал где ещё создать текст. Сегодня я покажу, как сделать на одной картинке сразу несколько ссылок. Пример - здесь.

Для начала то, создаём документ, и пихаем следующее:

Code
<img src="imagename" border="0" usemap"#название карты-изображения">

Ниже:

Code
<map name="название карты изображения(то, что писали выше)">
<area href="ссылка" shape="Варианты ниже" coords="x1,y1,x2,y2 target="Варианты ниже">

Атрибут "imagename" - имя графического файла карты-изображения (.gif, .jpg)
Атрибут "mapname" - условное имя карты изображения
Атрибут "HREF" - гиперссылка на страницу перехода

Если внутри области есть исключаемая для ссылки зона, она помечается атрибутом "NOHREF". Если две описанных области накладываются друг на друга, то используется ссылка, принадлежащая первой из описанных областей. В этом случае первой описывается зона с атрибутом "NOHREF".

атрибут "ALT" - текстовое описание области
атрибут "TARGET" - имя фрейма, в котором необходимо отображать страницу по ссылке.

Специальные имена в атрибуте "TARGET":
TARGET="_blank" определяет, что документ, полученный по ссылке будет отображаться в новом окне браузера.
TARGET="_self" определяет, что документ, полученный по ссылке будет отображаться в том же фрэйме, в котором находится ссылка.
TRAGER="_top" определяет, что документ, полученный по ссылке будет отображаться на всех поверхности окна, вне зависимости от наличия фрэймов. Использование данного параметра удобно в случае вложенных фрэймов.

Возможные области в "SHAPE" - RECT, CIRCLE, POLY:
Для области RECT:

Quote
x1,y1 - координаты левого угла,
x2,y2 -координаты нижнего правого угла.

Для области CIRCLE:

Quote
x1,y1 - Коордиинаты самого левого верхнего угла,
x2,y2 - координаты второго угла по часовой стрелке
xn-ya - координаты последнего угла

Координаты областей отсчитываются вправо и вниз от верхнего угла карты-изображения.

Ну это такая, так скажем "теория". Теперь, чтобы было легче, выложу код, с помощью которого я сделал пример, который находится по адресу http://inucoz.com/sh/one.htm

Code
<HTML><HEAD>
<TITLE>Несколько ссылок на одном скрине © InuCoz.Com</TITLE>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080">
<center>
<img src="http://inucoz.com/sh/logosss.jpg" border="0" usemap="#InUcoz">
<map name="InUcoz">
<area href="http://inucoz.com/" shape="rect" coords="30,0,500,80" target="tarr">
<area href="http://inucoz.com/" shape="rect" coords="30,80,180,130" target="tarr">
<area href="http://inucoz.com/forum/" shape="rect" coords="30,135,150,171" target="tarr">
<area href="http://inucoz.com/news/" shape="rect" coords="30,182,330,215" target="tarr">
<area href="http://inucoz.com/load/" shape="rect" coords="30,220,330,245" target="tarr">
<area href="http://vkontakte.ru/club14058418" shape="rect" coords="0,280,350,300" target="tarr">
<area href="http://vkontakte.ru/id44659195" shape="rect" coords="470,150,500,300" target="tarr">
<area href="5.htm" shape="rect" coords="150,400,300,600" target="tarr">
<area href="6.htm" shape="rect" coords="300,400,450,600" target="tarr">
<br>
</map>
Дата: Сб, 23.01.2010, 20:26:51 | Сообщение # 2
Аватарка Lifes
َﱢﱟﱞﱡ۩ﱡﱞﱟﱢَМодерَﱢﱟﱞﱡ۩ﱡﱞﱟﱢَ
OFF
Пользователь
766 Сообщения:
19 Награды:
0 Отзывы:
Quote (iCool)
Ну это такая, так скажем "теория". Теперь, чтобы было легче, выложу код, с помощью которого я сделал пример, который находится по адресу http://inucoz.com/sh/one.htm
Дата: Вс, 24.01.2010, 06:10:44 | Сообщение # 3
Аватарка Pro1004ok
OFF
Пользователь
97 Сообщения:
2 Награды:
0 Отзывы:
ICQ пользователя:
xD:) круто я это отвечаю искал наверно 1 год
Мне для своего скрипта это надо!!!
спс
  • Страница 1 из 1
  • 1
Поиск: