Анимированая картинка с областями-ссылками

sniip · 18.02.2012

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

AngelGabriel · 18.02.2012

проще заказать у компетентных людей.

sniip · 18.02.2012

))) Дорого будет стоить?))

Aristotel · 18.02.2012

была похожая тема, может поможет
http://3wforums.ru/topic/9764-kart-izobrazhenie/

olgamar · 18.02.2012

Сделать анимацию во Flash и назначить нужным объектам сцены сценарий на Action Script (on mouseclick go to URL)

Про увеличение картинки можно еще посмотреть здесь http://www.olerant.ru/3-imagesize/imagesize_1.php

sniip · 19.02.2012

я с эти мнавряд ли разберусь... может кто помочь? мождно платно...))

vla · 19.02.2012

olgamar сказал(а):
Сделать анимацию во Flash

Можно сделать на JS, используя координаты X и Y для указания областей,и назначить события для этих областей (выделение рамкой, увеличение, изменение прозрачности итд).

sniip сказал(а):
я с эти мнавряд ли разберусь... может кто помочь? мождно платно...))

Сначала определись, как должен выглядеть конечный вариант...

sniip · 19.02.2012

я определился... есть картинка.. выделить можно тупо красной линией при наведении на окошко--- окошко... ит..д и ссылки по нажатию

vla · 19.02.2012

давай картинку

sniip · 19.02.2012

http://xn--80ajakhgrbkrclieb.xn--p1ai/
на главной первая верхняя картинка
разбить на области по пунктам меню: фундамент, стены, крыша окна и т.д.

vla · 19.02.2012

попробую сделать, мне тоже эта тема интересна...

vla · 19.02.2012

Можно сделать так:
смотри прикрепленный файл .zip

Это самый простой способ, который мне пришел в голову.

PS:
1. реализовал только область окон, остальное по аналогии
2. область окон ссылается на Яндекс, те ссылки работают
3. красную рамку нарисовал криво, обведешь точнее сам и заменишь нужный файл .png

tigra60 · 19.02.2012

А если немножко пофотошопить, то можно сделать так:
Посмотреть вложение image_map.zip
Работает крыша и дверь

vla · 19.02.2012

sniip сказал(а):
я определился... есть картинка.. выделить можно тупо красной линией

Мне сказали так )

На мой взгляд:
изображение - бледное, полупрозрачное или в оттенках серого
выделенный фрагмент - яркий

Только вот без JS не выходит со сложными областями... (у меня по крайней мере)

Анимированая картинка с областями-ссылками

sniip

New Member

AngelGabriel

И имя мне - легион

sniip

New Member

Aristotel

Well-Known Member

olgamar

Познающая

sniip

New Member

vla

Well-Known Member

sniip

New Member

vla

Well-Known Member

sniip

New Member

vla

Well-Known Member

vla

Well-Known Member

Вложения

tigra60

Спасатель

vla

Well-Known Member

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей