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

[해피CGI][cgimall] 반응형 이미지 갤러리 GammaGallery 본문

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

[해피CGI][cgimall] 반응형 이미지 갤러리 GammaGallery

해피CGI윤실장 2020. 5. 19. 09:07

반응형 이미지 갤러리로 클릭시 모달창으로 이미지가 표시되며,

제한된 그림 요소에 대해 유사한 반응 이미지 방식을 사용하는 이미지 갤러리를 만들어 줍니다.





브라우저 크기에 따라 반응형으로 이미지 갤러리가 정렬됩니다.



클릭시 이미지 썸네일이 슬라이딩으로 처리되는 형태의 모달창으로 구현됩니다.



핵심소스인

<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/modernizr.custom.70736.js"></script>

와 하단에

<script src="js/gamma.js"></script>

소스 및 설정 스크립트 부분을 설정하여 제어가 가능합니다.




홈페이지바로가기

Comments