모바일리뷰
모바일웹 사진 확대 기능
by 웹해설
2011. 1. 14.
여러가지 방법이 있겠지만, 네이버의 경우는
<a href> 태그안에 img와 그위에 span으로 + - 버튼을 만들어놓고
처음엔 작은 이미지를 링크시켜놨다가 + 버튼을 누르면 큰이미지와 함께 img width를 100%로 바꾸는 스크립으로 짜여져있네요.
<a href="javascript:;" onclick="convertImg('1','org','http://imgnews.naver.com/image/001/2011/01/13/PYH2011011305080001300_P2.jpg');" class="im_n" id="im_a1"><img src="http://mwig.naver.com/alcatraz_mig/m.jsp?src=http://imgnews.naver.com/image/001/2011/01/13/PYH2011011305080001300_P2.jpg&type=r2" alt="" id="im_n1" style=""><span class="bt_z zi"><img src="http://imgnews.naver.com/image/news/m/2009/news/im/bl.gif" alt="크게보기"> <span class="hc">크게보기</span></span></a>
그리고 http://m.news.naver.com/js/mobile.js?2010062201 소스의 convertImg 함수부터 참고해보시면 될듯 합니다.
댓글