Ссылки на изображении

I'mStartUp'er
На сайте с 16.12.2007
Offline
4
496

Немного ламерский вопрос:

есть меню в виде изображения, как на нем сделать ссылки, или надо разрезать?

muhtac
На сайте с 27.09.2007
Offline
29
#1

каждую кнопку надо делать или картинками или делай кнопочки анимированные во флэше

Vitо
На сайте с 17.07.2007
Offline
25
#2

Почитайте про тег <map> - тоже вариант (но лучше резать)

Онлайн школа покера (http://www.pokermoscow.ru/school/)
Dimid
На сайте с 03.12.2006
Offline
74
#3
I'mStartUp'er:
Немного ламерский вопрос:
есть меню в виде изображения, как на нем сделать ссылки, или надо разрезать?

лучше конечно порезать, но можно сделать и карту, например:

<img src="картинка" width="100" height="100" border="0" usemap="#Map" />

<map name="Map" id="Map"><area shape="rect" coords="14,12,123,25" href="#" />

<area shape="rect" coords="15,33,127,45" href="#" /><area shape="rect" coords="10,53,130,71" href="#" /><area shape="rect" coords="13,82,126,96" href="#" /></map>

Ayavryk
На сайте с 11.10.2003
Offline
209
#4

1. Проведите беседу с дезигнером/заказчиком. Объясните, что текст ссылки - один из самых важных факторов внутренней оптимизации.

2. если первый пункт не проходит - тогда режьте картинки. Про flash - забудьте до лучших времен. Роботы не умеют его индексировать. map - тоже не умели раньше. Да и сейчас скорее всего не умеют.

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
sander
На сайте с 02.07.2004
Offline
114
#5

плюсы/минусы:

- при использовании тега map невозможно сделать корректный rollower

- при использовании тега map пока не загрузится изобразение полностью -непонятно где какая кнопка находится (критично при больших по объему картинках)

+ легкая реализация данного приема, особенно в macromedia dreamweaver

+ иногда это действительно удобнее, особенно с фото-изображениями

+- выбирать Вам, а выбор зависит от задачи

I'mStartUp'er
На сайте с 16.12.2007
Offline
4
#6

класс, спасибо!

Дизайнер все порезал как надо :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий