이미지 맵 선택 변경 표시되지 않음

Question

마우스가 가리키고있는 위치/선택되어있는 위치를 기준으로 링크 된 이미지를 변경하는 맵에서 작업하고 있습니다. 지도의 INTL 부분에 대한 호버링 및 선택이 올바르게 작동하지만지도의 북미 부분을 선택하면 INTL 부분을 다시 선택하지 않습니다. 누구든지이 문제를 해결하는 방법을 알고 있다면 입력을 정말 좋아할 것입니다. 이것은 처음으로 이미지 맵을 사용하는 작업이었고 약간 혼란 스럽습니다. 감사!

$(document).ready(function() { 
var $a = 15; 
var $b = 15; 

    $('#north').on("mouseenter", function() { 
     if ($('#mapimg').attr('src') === 'http://pinnacleint.com/new/wp-content/uploads/2014/09/MAP.png') $('#mapimg').attr('src', 'http://pinnacleint.com/new/wp-content/uploads/2014/09/MAP_NA.png'); 
     if ($('#mapimg').attr('src') === 'http://pinnacleint.com/new/wp-content/uploads/2014/09/MAP_INT.png') $('#mapimg').attr('src', 'http://pinnacleint.com/new/wp-content/uploads/2014/09/MAP_NA.png'); 
    }); 
    $('#north').on("mouseleave", function() { 
     if ($('#mapimg').attr('src') === 'http://pinnacleint.com/new/wp-content/uploads/2014/09/MAP_NA.png') $('#mapimg').attr('src', 'http://pinnacleint.com/new/wp-content/uploads/2014/09/MAP.png'); 


    }); 




    $('#intl').on("mouseenter", function() { 
     if ($('#mapimg').attr('src') === 'http://pinnacleint.com/new/wp-content/uploads/2014/09/MAP.png') $('#mapimg').attr('src', 'http://pinnacleint.com/new/wp-content/uploads/2014/09/MAP_INT.png'); 

    }); 

    $('#intl').on("mouseleave", function() { 
     if ($('#mapimg').attr('src') === 'http://pinnacleint.com/new/wp-content/uploads/2014/09/MAP_INT.png') $('#mapimg').attr('src', 'http://pinnacleint.com/new/wp-content/uploads/2014/09/MAP.png'); 


    }); 

    $('#intl').on("click", function() { 
     $('.intlogo').css({"opacity":"1"}); 
     $('.northlogo').css({"opacity":".3"}); 
     var $a = 10; 
     var $b = 5; 
     if ($a > $b) {$('#intl').off("mouseleave");} 
     else if($a < $b){$('#intl').on("mouseleave");} 
     else{ 
     $('#north').on("mouseleave"); 
     $('#intl').on("mouseleave"); 
     } 
    }); 

    $('#north').on("click", function() { 
     $('.intlogo').css({"opacity":".3"}); 
    $('.northlogo').css({"opacity":"1"}); 
     var $a = 5; 
     var $b = 10; 
     if ($a < $b){$('#north').off("mouseleave");} 
     else if ($a > $b) {$('#north').on("mouseleave");} 
     else{ 
     $('#north').on("mouseleave"); 
     $('#intl').on("mouseleave"); 
     } 

}); 


}); 

Answer 1

은 intl mouseenter 이벤트에이 추가 :

if ($('#mapimg').attr('src') === 'http://pinnacleint.com/new/wp-content/uploads/2014/09/MAP_NA.png') { 
    $('#mapimg').attr('src', 'http://pinnacleint.com/new/wp-content/uploads/2014/09/MAP_INT.png'); 
} 

당신은 당신의 north mouseenter 이벤트에서 비슷한 일을한다.