The combination of Cycle and Maphilight

The combination of Cycle and Maphilight

Dear all,
I'm trying to combine Cycle and Maphilight plugins on a image map slide. The Fade effect of Cycle works pefectly, until after I inserted Maphilight, which somehow caused Cycle to slide without any effect on IEs. Is there any way to make them work together in peace? Below is my code:

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.cycle.all.latest.js"></script>
    <script type="text/javascript" src="js/jquery.maphilight.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('#projectbox').before('<div id="pager"></div>');
        $('.usemap').maphilight({
            fill: true,
            fillColor: '000000',
            fillOpacity: 0.2,
            stroke: true,
            strokeColor: 'ff0000',
            strokeOpacity: 1,
            strokeWidth: 1
        });

        $('#projectimg').cycle({
            fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
            pager:  '#pager',
            pause: 1
        });

        $('#projectimg').parent().find('area').mouseenter( 
            function() { $('#projectimg').cycle('pause', 1); }
        );
        $('#projectimg').mouseleave(
            function() { $('#projectimg').cycle('resume'); }
        );
    });
    </script>





























Thank you!

Best Regards,
AJ