네이티브앱의 이미지뷰어로 이미지를 표시할 수 있는 웹소스 적용 가이드입니다.

*안드로이드앱과 iOS앱의 이미지 뷰어 예시화면입니다. 아래 기능이 적용됩니다.

• 여러 이미지표시 가능
• 좌우 스와이프 이동으로 이미지표시가 가능(이미지 드래그 스와이프는 안됨)
• 핀치 줌 인/아웃 기능(줌인 상태에서 다른이미지의 스와이프는 안됨)
• 더블터치로 확대/축소 기능

1.이미지링크 연동

• 웹에서 앱단으로 이미지URL 링크를 전달하여 뷰어를 호출합니다.

//웹에서 이미지표시가 필요한 페이지에서 js스크립트로 사용하면 됨.

function imageviewer_call(){
	//이미지 URL링크 변수 생성
	var param = {
		action:"imageviewer",
		imagelink:[{url:"<https://이미지URL1>"},{url:"<https://이미지URL2>"},{url:"<https://이미지URL3>"}]
	};
	//이미지 뷰어 호출
	webkit.messageHandlers.cordova_iab.postMessage(JSON.stringify(param));
}

Powered by (주)옐로우윈

<aside> 📱

이 기능을 실제 서비스 앱에 적용하고 싶으신가요? 앱케이크는 하이브리드앱 이미지 뷰어 연동 기능을 포함한 Android·iOS 하이브리드앱 제작을 지원합니다. 하이브리드앱 제작 상담 및 견적 요청 →

</aside>