1 seobing

  • seobing
  • Я тут новенький
  • Карма: 0 / 0

Тема: Как привязать много разных ссылок к баннеру?

Добрый час уважаемые форумчане!

Уже который день ищу способ, как можно привязать более десятка разных ссылок к одному баннеру, который висит на главной?

Имеется в виду одна целая картинка и чтобы к ней можно прицепить сразу десяток ссылок на разделы сайта. Вот веб-ресурс (seobing.ru) - профессиональные услуги, это в качестве явного примера. К сожалению связь с человеком который все делал потеряна, а клиентам нужно срочно сдавать проект.(
На том сайте у них там на главной большой синий баннер с цветными сотами. Если навести мышкой на каждую соту, видно, что к каждой привязана конкретная ссылка на конкретный раздел сайта.

Вот я сейчас почти доделал интернет-магазин на шаблоне ВордПресса и тоже похожий баннер разместил на главной. Баннер имеет множество элементов к которым я и хочу привязать разные ссылки на внутренние разделы.
Может кто из опытных программистов подскажет, через какую программу это можно сделать или может скрипт? Или же все вручную? У меня не выходит...(

2 Hooligan (09.04.2016 23:19 отредактировано Hooligan)

  • Hooligan
  • ТоварисЧЬ!
  • Карма: 31 / 0

Re: Как привязать много разных ссылок к баннеру?

Якорь - ссылка,  Вам в помощь!
Делал нечто подобное в таком вот виде!

+ Открой меня
<img src="/content/main.jpg" alt="План противопожарной защиты" usemap="#map">
<map name="map">
                                    <area shape="rect" coords="574, 34, 690, 80" href="/services/sap.php" title="Системы автоматического пожаротушения">
                                    <area shape="rect" coords="98, 42, 213, 91" href="/services/ops.php" title="Пожарная сигнализация">
                                    <area shape="rect" coords="699, 237, 812, 281" href="/services/psppz.php" title="Планы эвакуации">
                                    <area shape="rect" coords="462, 233, 575, 280" href="/catalog/metal_d.php" title="Противопожарные двери">
                                    <area shape="rect" coords="449, 180, 561, 224" href="/services/sdu.php" title="Система дымоудаления">
                                    <area shape="rect" coords="284, 228, 398, 273" href="/services/vpv.php" title="Внутренний противопожарный водопровод">
                                </map>

В общем, координатная система! Пробуйте, подбирайте!