2014-10-06 2 views
0

У меня есть некоторые проблемы для создания отзывчивых карт изображений с помощью плагина jQuery для Matt Stows. Я следовал всем советам, но карты изображений все еще не реагируют. Я надеюсь, что вы можете помочь. Эти инструкции (полная страница: https://github.com/stowball/jQuery-rwdImageMaps):Отзывчивое изображение Map-Plugin не работает

  1. Если возможно, добавьте правильную, безразмерные атрибуты ширину и высоту для вашего изображения карты изображений. Вы можете переопределить их в CSS, чтобы сделать их отзывчивыми.
  2. Добавить ссылку на JQuery на странице, предпочтительно в нижней части только перед закрытием </body>
  3. После JQuery, либо в блоке или в отдельном файле, звоните:

    $('img[usemap]').rwdImageMaps();

Это мой код, я устанавливаю фиксированную ширину и высоту, которая перезаписывается в CSS.

<div class="banners"> 
    <img src="wcf/images/blueTemptation/logo2.jpg" style="width: 980px; height: 80px; display:block;" alt="banner-x" usemap="#banner-y" /> 
    <map name="banner-y"><area shape="rect" coords="560,1,765,79" href="http://www.filmfutter.com/" alt="Kgergrfr" title="Filmfutter Startseite"> 
</div> 

в нижней части моего PHP Я поместил это:

<script src="https://raw.github.com/stowball/jQuery-rwdImageMaps/master/jquery.rwdImageMaps.min.js"></script> 
<script> 
    $(document).ready(function(e) { 
     $('img[usemap]').rwdImageMaps(); 
    }); 
</script> 

В случае вам интересно, я изменил источник сценария к URL-адресу, потому что я не был уверен, о правильном пути на моем сервере , но это не должно быть проблемой.

ответ

3

Итак, я не управлял плагином, чтобы работать, и я все еще удивляюсь, потому что, очевидно, я ничего не сделал, но вместо этого использовал другой плагин, и, наконец, он работает правильно. В случае, если у некоторых других есть те же проблемы, библиотека Дэвида Брэдшоу делает именно то, что я хочу, и изменяет размеры карт изображений так, как они должны: https://github.com/davidjbradshaw/imagemap-resizer

0

У меня была такая же проблема, оказалось, что я использовал JQuery v1.8.3, когда Я обновил его до JQuery v1.9, который, похоже, сделал трюк.

Возможно, это проблема с версией JQuery?

Смежные вопросы