반응 이미지 맵 플러그인이 작동하지 않습니다.

매트 Stows jQuery Plugin을 사용하여 반응 형 이미지 맵을 만드는 데 몇 가지 문제가 있습니다. 모든 조언을 따랐지만 이미지 맵은 여전히 반응이 없습니다. 네가 도울 수 있기를 바란다.반응 이미지 맵 플러그인이 작동하지 않습니다.

가능하다면, 정확한, 단위없는 폭을 추가하고 높이가 이미지 맵 이미지 속성 : 이러한 지침 (: https://github.com/stowball/jQuery-rwdImageMaps 전체 페이지)입니다. CSS에서이를 재정의하여 응답 속도를 높일 수 있습니다.
단지 닫는 전에 바람직 하단에있는 페이지에 jQuery를에 대한 링크를 추가 </body>
는 jQuery를 한 후, 블록 또는 별도의 파일에 하나, 전화 :

$('img[usemap]').rwdImageMaps();

그건 내 코드입니다. 고정 된 너비와 높이를 CSS에서 덮어 씁니다. 내 PHP의 하단에

<div class="banners"> 
    <img src="wcf/images/blueTemptation/logo2.jpg" style="width: 980px; height: 80px; display:block;" alt="banner-x" usemap="#banner-y" /> 
    <map name="banner-y"><area shape="rect" coords="560,1,765,79" href="http://www.filmfutter.com/" alt="Kgergrfr" title="Filmfutter Startseite"> 
</div>

나는이 위치 : 내 서버에 올바른 경로에 대해 확실하지 않았기 때문에, 나는 URL에 스크립트 소스를 변경 당신이 궁금해 경우

<script src="https://raw.github.com/stowball/jQuery-rwdImageMaps/master/jquery.rwdImageMaps.min.js"></script> 
<script> 
    $(document).ready(function(e) { 
     $('img[usemap]').rwdImageMaps(); 
    }); 
</script>

, 그러나 그것은 문제가되어서는 안됩니다.

출처

2014-10-06 slurm

그래서 나는 플러그인을 작동시키지 않았고 명백히 내가 잘못한 게 없기 때문에 궁금해하지만, 다른 플러그인을 사용했고 마침내 제대로 작동했습니다. 다른 사람들이 같은 이슈가있는 경우, David Bradshaw의 라이브러리가 정확히 원하는대로 이미지 맵의 크기를 조정해야합니다. https://github.com/davidjbradshaw/imagemap-resizer

출처

2014-10-06 21:10:58 slurm

동일한 문제가 있었는데, JQuery v1.8.3을 사용하고있는 것으로 나타났습니다. JQuery v1.9로 업데이트하여 트릭을 수행하는 것처럼 보였다.

아마 JQuery 버전 문제일까요?

출처

2015-03-19 17:58:34 Andre

반응 이미지 맵 플러그인이 작동하지 않습니다.

답변

관련 문제