이미지 맵에서 iframe을 얻는 방법은 무엇입니까?

Question

나는 옆방에서 일하고있다. 게임 목록을 클릭하십시오. 아래 http://www.bespoke-arcades.co.uk/store/arcade-machines/16-synergy-elite-arcade-machine.html 왼쪽에 있습니다.

나는 하나의 이미지를 톤보다 다운로드하기 때문에 이미지 맵이 있습니다 (로딩 시간이 늦어짐).

그러나 이미지 맵은 <area> 태그에 class="iframe"을 사용할 수 없습니다. 내가 <a href="xxx" class="iframe"><img src="yyy" /></a>을 실행하면 fancybox iframe 팝업이 열리지만 이미지 맵을 사용하면 class="iframe" 기능이 실제로 허용되지 않습니다.

이 작품을 만드는 데 어떤 문제가 있습니까? 문제의 페이지에 fancybox js와 css가 있습니다. 또한 class 함수를 사용하면 올바른 자바 스크립트가 작동합니다.

Answer 1

이 변경보십시오 :이에 의해

<script type="text/javascript"> 
$('a.iframe').fancybox(); 
</script> 

:

<script type="text/javascript"> 
jQuery(document).ready(function($){ 
    $('area.iframe').fancybox({ 
     "type":"iframe", 
     "width": 600, // or whatever 
     "height": 380 
    }); 
}); 
</script> 

이 ... 물론, 각 area 태그에 class="iframe"를 추가해야합니다.

자세한 내용은 this answer 또는 this을 확인하십시오.