Jquery Cycle plugin with maphilight stops working

Question

I am using jquery cycle plugin with jquery maphilight to highlight products on the flyer that is causing some problem as you can see in first screenshot how it works but when i add maphilight then check screenshot 2 this is how it shows. you can check it on jsFiddle here http://jsfiddle.net/Yjuqs/

This is the code for jquery cycle plugin and 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

Please use document ready jQuery function, call function when the document ready

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