maphilight.js로 반응 이미지

maphilight를 활성화 한 후에 내 이미지가 반응하지 않습니다.maphilight.js로 반응 이미지

먼저 imagemaps를 rwdImageMaps.js로 응답하도록 만들었습니다. 그러나 내가 영상을 가능하게하면 이미지 자체가 반응을 멈 춥니 다. (이미지 맵은 반응이 좋습니다.)

크롬 검사에서 : without maphilight, With maphilight.

maphilight.js는 with와 height가 고정 된 div에 반응하여 이미지를 100 %에서 변경하는 것을 볼 수 있습니다. 이미지/div가 다시 반응하도록하려면 어떻게해야합니까? (ImageMapster도 시도했지만 동일한 문제가 발생했습니다.)

누군가가 해결할 수 있도록 도와 줄 수 있습니까? 미리 감사드립니다! ;)

출처

2014-11-23 Ludo

을 작동하기 위해서는 당신이 당신의 이미지의 불투명도를 줄이기 위해해야 할 수도 있습니다. andensolutions의 jQuery-maphilight.js를 사용하더라도 기본 동작이 표시되지 않습니다. 필자는 채색으로 데이터 시야를이 영역에 넣었습니다. – Ludo

이 링크를 확인하십시오. Responsive image maps with roll-overs

는 또한 투명 아니라면 솔루션 스케일링은 maphilights exept, 지금은 잘 작동 제대로

출처

2014-11-23 21:37:44

달콤한 작품! 감사합니다 하지만 img [usemap] maphilight와 rwdImageMaps를 모두 사용하기 때문에 스크립트의 가장 좋은 순서 인 map_rollover.js는 마지막으로 무엇이 될 것입니다. 또는 작성된 div_offset 스크립트 블록? – Ludo

첫 번째 rwdImageMaps.js, 두 번째 maphilight.js 및 마지막으로 map_rollover.js가 올바른 순서입니다. –

다음은 올인원 솔루션입니다. http://emartin.ca/mapify/ –

maphilight.js로 반응 이미지

답변

관련 문제