2014-02-27 4 views
0

jquery maphilight와 jquery cycle plugin을 사용하여 첫 번째 스크린 샷에서 볼 수있는 것처럼 문제를 일으키는 제품을 강조 표시합니다. maphilight를 추가 한 다음 스크린 샷 2를 추가하면이 그것이 어떻게 나타나는지입니다. 여기 jsFiddle에 확인할 수 있습니다 http://jsfiddle.net/Yjuqs/maphilight가 포함 된 Jquery Cycle 플러그인이 작동을 멈 춥니 다.

이 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

답변

0

문서 준비 jQuery를 기능 통화 기능을 사용하시기 바랍니다 때 문서 준비 완료

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

예 이미 문서를 추가 할 준비가되면 다음 이전 단추도 작동을 멈추고 이미지가 차례대로 표시되고 문서가 준비되지 않은 경우 모두 이미지가 겹치게됩니다. – user3104130

+0

@ user3104130 jsFiddle에 코드를 추가 할 수 있습니까? – Girish

+0

jquery와 문제가 아니라 jquery maphilight plugin을 추가하면 추가로 발생합니다. 그렇지 않으면 괜찮습니다. 여기에서 확인할 수 있습니다. http://jsfiddle.net/Yjuqs/ – user3104130