XE 공식 자료실

전체보기

애드온 sejin7940_mobile_resize - 모바일 이미지 새창확대 ver. 1.0

모바일에서 이미지 클릭시 새창으로 이미지 출력해서 확대가능하도록 지원해줌.

쉬운설치로 바로 체험할 수 있습니다

XE Core 에 기본탑재된 resize_image 애드온에는

모바일 환경에서는 이미지를 모바일 환경에 가로폭에 맞게 강제 축소 또는 확대 하는 기능만 있다.

이 이미지 자체를 원본 이미지로 보거나, 확대할 수 있는 기능이 없다.

모바일뷰 환경에서는 핀치투줌 (두손가락으로 확대시키는 기능) 이 지원되지 않는다.

결국, 이미지를 오래 누르면 스마트폰 자체에서 지원하는, 이미지보기 기능을 이용해서만 확대가 가능하다.

(이미지 보기라는게 결국은 새창으로 해당 이미지만 띄우는 기능이다. 이렇게 하면 핀치투줌 이 되기에)

다만, 이미지를 오래 누르면 이런게 뜬다는 것 자체를 모르는 사람도 많고, 실제 이용할때도 꽤 불편하다.

이 자료는 모바일 환경에서, 본문에 (xe_content class 내부) 에 첨부된 이미지 (img 태그) 에 대해

겉에 a 태그가 있거나 img 에 onclick 이 걸려있는 경우 (즉 링크가 있는 경우) 를 제외하고는...

이미지 클릭시 자동으로 새창으로 이미지만 나타나게 하는 애드온이다.

자료를 애드온 폴더에 업로드해주신 후..

설치된 애드온에서, 이 애드온에 대해 '모바일사용' 을 체크하셔야하고

이 이미지는 .xe_content 내부에서만 작동하게 제어해두었기에..

혹시 작동이 안 되면, 모바일레이아웃이나, 모바일스킨 등에 xe_content 가 외곽에 정의되어있는지 확인해보세요

---------------------------------------------------

ps. 두줄 홍보! ^^;

XE 기반의 홈페이지 제작은, http://sejin7940.co.kr/index.php?mid=order_qna 에서 문의하세요

XE 기반 홈페이지만 140개가 넘고, 자체 모듈만 40개가 넘는 XE 전문 제작 업체입니다! ^^;;

로그인 후 작성할 수 있습니다.