웹솔루션개발 22년 노하우! 해피CGI의 모든것

아이폰 전용 목업이미지를 이용할 수 있는 kkuistore 입니다.최신 ipad pro 12.9 부터 iphone5s 도 지원하고 있으며 기타 브라우저 및 안드로이드 기기의 목업이미지도 제공합니다.기기별 테두리 라인을 심플버전으로 제공합니다. 아이패드부터 아이폰, Mac, 일부 안드로이드 등 다양한 기기별 목업 이미지를 제공합니다. vector 방식으로 제작되어 유용하게 이용이 가능합니다. https://mockups.kkuistore.com/license/ MIT 라이센스로 상업적 무료 이용이 가능하나, 라이센스 규격을 읽어보시고 이용하시기 바랍니다.

이번에 소개해 드릴 자료는 Apple 에서 제공하는 Live Photos API 입니다. 샘플 HTML 코드 안내 입니다. script/livephoto.js 파일에 핵심코드가 들어 있습니다. const player = LivePhotosKit.Player(document.getElementById('Live_Photo_Div')); //div 객체 아이디 player.photoSrc = 'images/live/waves.jpg'; //이미지파일 player.videoSrc = 'images/live/waves.mov'; //영상 파일 위 처럼만 사용하시면 live photos 를 사용하실 수 있습니다. 그리고 나머지는 옵션들에 대한 설정이 대부분 입니다. Events player.addEventList..

첨부된 파일의 압축을 풀어서 demo.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다. 마우스를 올려보면 해당 부분이 확대되는 효과가 나타납니다. 출처는 http://www.htmldrive.net/items/show/51/Apple-like-Retina-Effect-With-jQuery 입니다.