Плагин Jquery Cycle с maphilight перестает работать

Я использую плагин цикла jquery с jquery maphilight, чтобы выделить продукты на листовке, которые вызывают некоторые проблемы, как вы можете видеть на первом снимке экрана, как это работает, но когда я добавляю maphilight, затем проверьте скриншот 2, вот как это показано. вы можете проверить это на jsFiddle здесь http://jsfiddle.net/Yjuqs/

Это код для плагина цикла jquery и jquery maphilight.

<script type="text/javascript" src="js/jquery.cycle.all.js" ></script>
<script src="js/jquery.cycle2.js"></script>
<script src="js/jquery.cycle2.carousel.js"></script>
<script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script>
$(function() {
        $('img').maphilight({
            fade:true,
            fadeDuration:500 ,
            fillOpacity :0.2,
            stroke:false,
            fillColor:'ffffff'

        });
    });

Скриншот 1Скриншот 2


javascript jquery maphilight jquery-cycle2
person user3104130    schedule 27.02.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Пожалуйста, используйте функцию готовности документа jQuery, вызовите функцию, когда документ будет готов

<script>
$(document).ready(function(){
  $.fn.cycle.defaults.autoSelector = '.slideshow'; //call slider
})
</script>
person Girish    schedule 27.02.2014
comment
Да, уже пробовал это, если я добавляю готовый документ, то следующая предыдущая кнопка также перестает работать, и изображения отображаются одно за другим, без готовности документа все работает, только изображения перекрывают друг друга. - person user3104130; 27.02.2014
comment
Я обнаружил, что проблема связана не с jquery, а с плагином jquery maphilight, если я его добавлю, то это произойдет, в противном случае он работает нормально, вы можете проверить здесь jsfiddle.net/Yjuqs - person user3104130; 27.02.2014