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

时间:2014-02-27 06:30:25

标签: javascript jquery jquery-cycle2

我正在使用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'

        });
    });

Screenshot 1 Screenshot 2

1 个答案:

答案 0 :(得分:0)

请使用文档准备好的jQuery函数,当文档准备好时调用函数

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