0

이미지지도는 약 콘도 단위 평면도입니다.imagemapster 조건부 altImage

요구 사항이 변경되면 모든 기능이 작동합니다.

일부 영역의 경우 기본적으로 altImage:'images/unit.png'이 사용됩니다.

새로운 요구 사항 :

  • 보기에만 altImage 장치가 여전히

어떻게 위의 새로운 요구 사항을 달성하기 위해 가능한 입니까? 이미 하드 코딩 된 var으로 테스트를 시도했지만 altImage인데이 표시되지 않습니다. 내 JS가 제대로 실행되고 있는지 확인하는 바로 위의 onclick 기능을 사용:

onClick: function (e) { 
      var unitStatus="Available"; 


      $('#selections').html(xref[e.key]);    

      if (unitStatus == 'Available') {      

       $('img').mapster('set_options', { 
        areas: [{ 
         key: "Unit1",      
         altImage:'images/unit.png', 
         altImageOpacity: 1, 
         altImageFill: true 
        }] 
       }); 
      } 
     }, 

참고 : 아래에있는 내 코드를 참조하십시오. 단위가 * 사용 가능 * 일 때 동적으로 트리거되어야합니다.

관련 질문 : * 전 (1 년 전) 내가 간단하게 CSS를 사용하여 영역에 어떤 이미지 오버레이를 만들 수있는 방법을 찾기 위해 노력하지만 난에 정말 열심히 찾을 이미지 mapster를 사용하여 수행하지만 여전히 사용 플래시를 사용하는 것보다 매우 가볍습니다.

이번이 가능합니까? 또는 이러한 유형의 오버레이 이미지 설정을 처리 할 수있는 방법이 있습니까? 그래도 이것은 제 2 차 질문입니다.

답변

0

'set_options'이후 (옵션 만 변경하지만 즉시 적용되지 않음) 새 옵션을 적용하려면 '다시 바인딩'을 호출하십시오. 그것은이 같은 수 있습니다 :

$ ("IMG) .mapster을 ($ ('바인딩'") "IMG을 mapster를 ('get_options').)

가 확인 // get_options 활성 옵션을 얻을 것이다 자세한 내용

에 대한 문서

리 바인드 : 새로운 옵션

$ ('IMG') mapster ('바인딩'옵션)와 ImageMapster 바인딩, --- 옵션 :. 객체 자바 스크립트 객체 ImageMapster 옵션이 포함 된

이 메서드는 기존의 바인딩 된 맵의 옵션을 변경한다는 점에서 set_options와 유사합니다. 그러나 set_options와 달리 rebind는 모든 새 옵션을 기존 맵에 즉시 적용합니다. 즉, 렌더링 옵션은 새 옵션으로 렌더링되도록 이미 선택된 영역을 변경합니다. 지역별 옵션을 전달하면 해당 옵션도 적용됩니다 (예 : 당신은 selected : true 특정 옵션에서 true를 전달하여 새로운 영역을 선택하게 할 수 있습니다. 반대로 옵션을 변경하고 기존의 데이터에는 적용하지 않습니다. set_options를 사용할 때 새로운 옵션은 향후 작업에만 적용됩니다.

0

'set_options'및 'rebind'메소드에 문제가있었습니다. 위에서 설명한 개별 통화 후에도

여기에 설명 된 기술 https://github.com/jamietre/ImageMapster/issues/163은 JS를 통한 영역 렌더링 옵션의 진행중인 조작에 적합합니다.