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

[해피CGI][cgimall] 심플한 갤러리 플러그인 lightgallery 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] 심플한 갤러리 플러그인 lightgallery

해피CGI윤실장 2017. 8. 1. 10:07

이미지에 마우스 오버시 돋보기 아이콘과 함께 이미지가 에니메이팅 효과로 줌인되어 심플하지만 주목될수있는

퍼포먼스를 보여주는 Jquery lightgallery 로 사이트의 주목할만한 컨텐츠를 제작하는데 도움이 됩니다.

 

 




특정 이미지에 마우스 오버시 에니메이션 효과로 줌인되어 심플한 UI 로 주목성을 줄수 있는 lightgallery 는 핵심이되는

.demo-gallery css 소스를 이용하여 해당 이미지 영역에 반영할 경우


위와같이 줌인되는 이미지를 확인할 수 있습니다.



핵심이 되는 위 css 소스와함께

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


jquery.min.js (ver 1.11.2) 를 이용하여



위와같은 class 와 script 소스를 정해주시면 작동되게 됩니다.

 

 

 

홈페이지바로가기  

Comments