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

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

Здравствуйте, ищу модуль который позволит ускорить генерацию ссылочной массы внутри изображений, а именно стоит ежедневная задача по завинчиванию этих самых ссылок делаю это через 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>

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

Комментарии

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

14 февраля 2017 в 1:29