帶有 maphilight 的 Jquery Cycle 插件停止工作

Question

我正在使用帶有 jquery maphilight 的 jquery 循環插件來突出傳單上導致一些問題的產品，您可以在第一個屏幕截圖中看到它是如何工作的，但是當我添加 maphilight 然后檢查屏幕截圖 2 這就是它的顯示方式。 你可以在這里查看 jsFiddle http://jsfiddle.net/Yjuqs/

這是jquery cycle plugin和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'

        });
    });

Answer 1

請使用文檔就緒 jQuery 函數，文檔就緒時調用函數

<script>
$(document).ready(function(){
  $.fn.cycle.defaults.autoSelector = '.slideshow'; //call slider
})
</script>