이미지맵 하이라이트시에 이미지 정렬
본문
이미지맵을 도움받아서 성공하고,
검색을 통해서 하이라이트 까지 설치했습니다.
한참을 작업하면서 뭔가 자꾸 이상한것 같은대 했는대
어! 이미지가 좌측으로 옮겨졌습니다.
http://parts.needpartsinc.com/bbs/board.php?bo_table=9001&wr_id=13
이미지가 3개 인대 첫번째 작업중입니다.
아래 이미지는 중앙에 제대로 있는대,....
이미지맵 적용까지는 괜찮습니다.
하이라이트 적용하면 이미지 정렬이 무효화 되는대요...
이미지맵 소느는
<p style="text-align: center;">
<img src="/data/editor/1908/20190829132105_ead7030e0bb5716697363e6f7fdcd405_2ok5.jpg" border="0" usemap="#a1" />
<map name="a1">
<area shape="rect" coords="55,62,425,200" href="/bbs/board.php?bo_table=1001&wr_id=6" target="_blank" />
</map>
</p>
하이라이트 소스는
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.maphilight.min.js"></script>
<script type="text/javascript">
$(function() {
$.fn.maphilight.defaults = {
fill: true,
fillColor: 'CCCCCC',
fillOpacity: 0.5,
stroke: false,
}
$('img[usemap]').maphilight();
});
</script>
어디를, 어떻게 수정하면 될까요?
아니면 하이라이트 시키는 다른소스가 있을까요?
부탁드립니다. 감사합니다.