Astrol

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

Рекомендуемые сообщения

Astrol    0

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
krumax    188

Ознакомьтесь с ЭТИМ и вот ПРИМЕР

А после можно смотреть ЭТО

Изменено пользователем krumax

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
ZeroHero    18

При помощи <map> и <area>. Из софта: в ФШ есть инструмент "раскройка", гуглите.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Похожий контент

    • От denchis
      Добрый день.
      Коллеги, вопрос на засыпку :
      1. Есть инмаг: fashionpower.ru , столкнулись с проблемой, что привязать к модулю "Доставка почта РФ" - не возможности, ибо нет фиксированного веса на товары и т.п.
      2. Можно ли сделать так :
      При оформлении заказа на сайте, когда клиент выбирает способ доставки "Почтой РФ" - ему выскакивает небольшое диалоговое окно, в котором небольшой короткий текст или фрейм со страницей и информацией о доставке почтой РФ и наложенным платежом в частности ?

      Как это можно реализовать на уровне кода ?

      Заранее спасибо, если с веткой тем обсуждения ошибся, прошу не пинать сильно. 
    • От Tkanoff
      Нужен программист для тех. поддержки интернет-магазина на opencart.  Восстановление оперативной работоспособности сайта при необходимости, доработка функционала интернет-магазина, настройка доп. модулей, консультирование по доработкам, настройка интеграции со сторонними сервисами: яндекс метрика, Google аналитика, Roistat, колл-трекинг и другие.
      Постоянная удаленная работа, с оплатой за задачи ли почасовая (по договоренности).  
       
      Требования к соискателю:
      1.    Опыт работы с opencart не менее 3-х лет.
      2.    Наличие положительных отзывов, примеров работ. Готовность предоставить контакты заказчиков
      3.    Высокий уровень ответственности
       
    • От berdps
      Приветствую!!!
      Пишу с мольбой о помощи.
      Делаю сайт на ocstore 2.3. Столкнулся с такой проблемой: отказались работать скрипты, которые вызывали формы обратной связи и появление кнопки меню для мобильных. Изначально они работали исправно, но после какого-то действия (не могу понять какого именно) перестали срабатывать. Возможно после установки расширения Buy One Click for OpenCart 2.3.x, возможно от другого расширения.
      Насколько я понимаю конфликт в различных версиях jquery, самостоятельно исправить в течении нескольких дней не смог.
      Версия jquery - 2.1.1
      Выгрузил сделанное на сегодняшний день на хостинг http://мороженко.рф/
      Не судите строго, это мой третий проект.
       
      Отозвавшемуся открою доступы.

      Помогите, пожалуйста, готов заплатить.
      Заранее спасибо.
       
      Скрипт отправки всплывающей формы:
       
      $(function() {
              // Купить в один клик

          $('.toclick, .callback, .kat_button').magnificPopup({
              mainClass: 'mfp-zoom-in',
              removalDelay: 400
          });
          //E-mail Ajax Send
          $(".ajax-form").submit(function() {
              var th = $(this);
              $.ajax({
                  type: "POST",
                  url: "catalog/view/theme/morozh/mail.php",
                  data: th.serialize()
              }).done(function() {
                  var pp_suc = th.closest('.product-popup').find('.success');
                  pp_suc.fadeIn();
                  setTimeout(function() {
                      th.trigger("reset");
                      pp_suc.fadeOut();
                      $.magnificPopup.close();
                  }, 4000);
              });
              return false;
          });
      });
       
      Скрипт проверки ввода номера телефона:
       
      <script type="text/javascript">
         (function( $ ){
       
            var $body;
            $(document).ready(function(){
              $body = $('body');
              $body
                .find('.my-form').each(function(){
                    $(this).mask("+7(999) 999-99-99",{autoclear: false});
                });
              $body.on('keyup','.my-form',function(){
                var phone = $(this),
                    phoneVal = phone.val(),
                    form = $(this).parents('form');
                if ( (phoneVal.indexOf("_") != -1) || phoneVal == '' ) {
                  form.find('.btn-primary').attr('disabled',true);
                } else {
                  form.find('.btn-primary').removeAttr('disabled');
                }
              });
            });
          })( jQuery );
       
       
      скрипт вызова кнопки меню для мобильников:
       
      <script type="text/javascript">
      jQuery(document).ready(function($){
        /* Подготавливаем иконку меню */
        $('#nav-wrap').prepend('<div id="menu-icon">Меню</div>');
       
        /* Переключаем навигацию */
        $("#menu-icon").on("click", function(){
          $("#nav").slideToggle();
          $(this).toggleClass("active");
        });
      });
      </script>
       
       
       
       
       
       
    • От mrcbi4
      сайт вся-пряжа.рф
       
      Необходимо поставить модули и настроить их корректную работу
      Модули
      1. СДЭК
      - чтобы выводилось "комиссия за наложеный платеж" без ошибки - сейчас с ошибкой (считает и показывает комиссию правильно, но лезет текст ошибки на странице)
      - сделать возможность выбрать пункт ПВЗ СДЭК на карте города (в т.ч. что бы он в дальнейшем выгружался в СДЭКовскую накладную)
      - настроить нормальную выгрузку заказов в сдэк и и передачу обратно статусов заказа
      2. Почта России
      -помочь подобрать модуль, который правильно считает по тарифам ПочтыРоссии и поставить его
      3.Редактирование keyword description title H1 - на страницах фильтров или тэгов, и какой то реестр-редактор этих страниц - наверняка есть какой то модуль для решения этой задачи
      4. Есть модуль "сообщить о наличии" но при его установке, модуль как будто задваивается, т.е. появляется 2 значка этого модуля, и приходит на почту по 2 письма при каждом новом обращении. - настроить его работу корректно, при условии что можно сделать доработки,будут описаны ниже.
      5. Модуль "Водный знак" на все картинки на сайте (товары статьи новости)
       
      Доработки
      1. Вывести номер цвета (опция) при нажатии на цвет на картинку просмотра. и на мобильной версии и на десктопной (сейчас при нажатии на опцию происходит показ картинки этой опции, нужно еще текст туда же вывести) 
      2. Сделать вывод опций с количеством <=0, ниже тех опций которые уже есть. (Т.е. опция Х закончилась, ушла в нижний блок и на нее стало можно подписаться как на отсутствующий товар)
      3. Доработать модуль "сообщить о наличии" так что бы можно было подписаться на опции, а не только на товар.
    • От Pantelexa
      Здравствуй добрый люд.
      Нужна помощь, при установке любого модуля выдает ошибку.
      Подскажите пожалуйста
      Платформа ОКСТОР 2,1


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу