크롬에서 div 내 link(링크) 안 먹는 경우
고도몰에서 제공되는 템플릿으로 운영되고 있는
정선 성마령 영농조합 쇼핑폴(http://www.koreasanyangsam.com)홈페이지에서
메인 롤링 이미지에 링크를 걸기 위해 아래와 같이 수정했다.
<div >
<a href="http://www.koreasanyangsam.com/shop/goods/goods_view.php?goodsno=53&category=">
<div u="thumb">
<img class="i" src="../images/main/img_roll_1st.gif" />
</div>
</div>
그런데 익스플러러에서는 문제가 없는데,
크롬에서는 메인 이미지가 검정색으로 변하고 링크는 커녕, 이미지 자체가 나오질 않는다.
여기 저기 찾아보니 window.open을 이용해보라는 포스팅이 있어 아래와 같이 적용해 보았다.
<div onclick="window.open('http://www.koreasanyangsam.com/shop/goods/goods_view.php?goodsno=53&category=','_self');">
<img u="image" src="../images/main/img_roll_1st.gif" />
<div u="thumb">
<img class="i" src="../images/main/img_roll_1st.gif" />
</div>
</div>
아주 잘된다. 며칠 동안 고민했었는데, 시원하다.
끝 부분의 _self 를 _blank로 하면 새창으로 열 수 있다.