Форма генерация ссылок для изображения

Главные вкладки

Аватар пользователя airfox airfox 13 февраля 2017 в 15:34

Здравствуйте, ищу модуль который позволит ускорить генерацию ссылочной массы внутри изображений, а именно стоит ежедневная задача по завинчиванию этих самых ссылок делаю это через PS в котором создаю отдельный слой поверх слоя с картинкой, размером 1x1px и устанавливаю в место где должна быть ссылка, написал дополнительный скрип для PS который выдирает названия и координаты этих самых слоев и формирует код (css приведен дополнительно):

.draw-image {
    display: inline-block;
    position: relative;
}
a {
    color: #000;
    font-weight: normal;
    display: block;
    margin: 2px 0 0 2px;
    padding: 0 6px;
    position: absolute;
    text-decoration: none;
    background: #428bca;
    opacity: 0.7;
}
<div class="draw-image">
  <img src="/sites/default/files223.jpg" alt="223" title="картинка 223">
  <a href="#row-0" style="left:666px; top:261px">1</a>
  <a href="#row-1" style="left:301px; top:32px">2</a>
</div>

Хочется реализовать процесс генерации ссылок перенести внутрь друпал, но каким путем лучше двигать не определился.
Может уже есть готовый модуль?
Заранее спасибо за советы.

Комментарии

Аватар пользователя airfox airfox 14 февраля 2017 в 1:29

Пока нашел вариант при помощи jQuery Map Hilight он создает image map,
модуль не плохой, но не хватает оформления, а именно для map area нельзя задать разное отображение для активного и не активного состояния, это огорчает.
Модуль позволяет при наведении задать оформление или задать постоянное состояние оформления(((, может еще есть варианты без map, а при помощи тегa a?