Часовой пояс: UTC + 3 часа




Начать новую тему Новая тема / Ответить на тему Ответить  Сообщений: 5 
  Пред. тема | След. тема 
В случае проблем с отображением форума, отключите блокировщик рекламы
Автор Сообщение
 

Member
Статус: Не в сети
Регистрация: 19.12.2004
Откуда: Lviv, UA
:insane:

Вот нужно на одном сайте поставить карту (в правом углу на сайте http://www.ukrtelecom.ua/). Суть в том что карта должна быть разбита на регионы, и принаведении мишкой на конкретный регион его цвет должен поддерживаться, и каждый регион должен содержать конкретный линк. На сайте Укртелеком - это все реализовано на Флеш. Но я где-то видил такое на Javascript тоже....Мож у кого есть уже готовый скрипт - поделитесь?
:roll:

_________________
[img]http://durdom.in.ua/third_pary/xbb/images/smiles/sps.gif[/img]Рабів до раю не пускають.



Партнер
 

Member
Статус: Не в сети
Регистрация: 01.12.2006
Откуда: Санкт-Петербург
а чем флэш не устраивает? во Флэше это делается гораздо легче чем на жабаскрипте.


 

Junior
Статус: Не в сети
Регистрация: 13.03.2007
Откуда: Москва
Можешь посмотреть как сделано тут: http://www.comfi.com/

А вообще принцип прост: при наведении мыши (событие onmouseover) подставляешь нужную картинку, а при покидании мыши (событие onmouseout) восстанавливаешь старую. Всю большую картинку разбиваешь на зоны и вешаешь нужные события.


 

Member
Статус: Не в сети
Регистрация: 19.12.2004
Откуда: Lviv, UA
Keyaltos
Не спорю что на флеш лучше и быстрее и поскольку занимаюсь Флеш и сделаю безпроблем. Но сайт расчитан на корпоративное использование и многие админы (и я в том числе) отключают флеш, видео анимацию на прокси...

_________________
[img]http://durdom.in.ua/third_pary/xbb/images/smiles/sps.gif[/img]Рабів до раю не пускають.


 

Member
Статус: Не в сети
Регистрация: 07.10.2003
Откуда: Russia, Moscow
По поводу смены картинки по мышу.
Код:
<a href="http://forums.overclockers.ru/login.php" onmouseover="MM_swapImage('image_0','','3.jpg',1)" onmouseout="MM_swapImgRestore()">Страница логина</a>

<a href="#"><img src="image_0.gif" name="image_0" id="image_0" border="0"></a>


Код:
<script language="JavaScript" type="text/JavaScript">
<!--

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

</script>



по поводу наведения на зону на картинке.

Код:
<img src="5.jpg" usemap="#Map" border="0" height="400" width="400">
<map name="Map"><area shape="rect" coords="1,0,181,191" href="http://6"><area shape="rect" coords="185,1,398,191" href="http://5"><area shape="rect" coords="1,192,193,344" href="http://4"><area shape="rect" coords="197,193,398,345" href="http://3"><area shape="rect" coords="4,355,201,398" href="http://2"><area shape="rect" coords="217,355,390,399" href="http://1">
 </map>

Добавлено спустя 1 час, 49 минут, 14 секунд
простейший пример вот
http://armadillo1.narod.ru/cat.htm
но по ссылке кулибы поправильней будет. :)

_________________
В поиске включайте "Искать все слова". Избегайте многоточий.
Зачем нужен разгон? http://tsc.overclockers.ru


Показать сообщения за:  Поле сортировки  
Начать новую тему Новая тема / Ответить на тему Ответить  Сообщений: 5 
-

Часовой пояс: UTC + 3 часа


Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


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

Перейти:  
Создано на основе phpBB® Forum Software © phpBB Group
Русская поддержка phpBB | Kolobok smiles © Aiwan