| |
|
|
| | Появилась такая задумка - на сайте карта, и к карте вынесены подписи городов(сделаны как ссылки). Так вот, при наводе на ссылку города в специально отведенном месте на странице должна отображаться фотка города и его описание. Помогите плз осуществить задуманное.
Карта выглюдит примерно так:
\
|
Город(это ссылка) ------------------------------- | Здесь уже пошел рисунок карты
\
---------
Надеюсь изобразил понятно. Сразу еще одна вещь - страница резиновая. Т.е. растягивается по ширине (width=100%). | |
| |
|
|
| |
|
|
| |
для: Dizels
(16.09.2007 в 13:07)
| | | Рисунок карты - тоже "резиновый"?
В общем, по-любому, смотрите теги <MAP> и <AREA> и имейие в виду, что тег <AREA> реагирует на события мыши. В вашем случае - на подвод курсора (onmouseover) и отвод его (onmouseof). Соответственно для каждого <AREA> прописывайте оба этих события, а в них - нужное действие: "показать фотографию вида и описание соответствующего города" / "убрать фото и описание".
PS. Если рисунок "резиновый", то формироваться точки, прописываемые в тегах <AREA> (и сами теги) должны JS-скриптом. Это, в целом, вовсе не сложно. Только вам надо будет озаботиться предварительной подгрузкой всех фотографий и описаний. Пользовать AJAX (или подгрузку через ифрейм) в данном случае (при наведении/отведении) не рекомендуется, ибо в реале (при медленной связи) будет заметно тормозить. | |
| |
|
|
| |
|
|
| |
для: CNT
(16.09.2007 в 13:41)
| | | Нет, сама карта не резиновая, но отцентрована, т.е. точки могут съезжать.
Пример: ширина 800 пикселей, значит центральная точка удет в координате 400
а вот если ширина 1000 пикселей, то уже 500, как вот это отследить?
И еще, по поводу тегов <MAP> и <AREA> - дайте почитать плз, что-нибудь, а то я с ними вообще не знаком. | |
| |
|
|
|
