일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- CSS
- #cgimall
- #솔루션
- #jQuery
- 웹솔루션
- 솔루션
- #CSS
- #웹솔루션
- php
- javascript
- CGIMALL
- #image
- 홈페이지제작
- 해피CGI
- 게시판
- #업종별
- #이미지
- 사이트제작
- #홈페이지
- #쇼핑몰
- #동영상
- jquery
- 해피씨지아이
- happycgi
- #happycgi
- #뉴스
- 쇼핑몰
- 홈페이지
- #해피CGI
- #홈페이지제작
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 반응형 이미지 갤러리 GammaGallery 본문
반응형 이미지 갤러리로 클릭시 모달창으로 이미지가 표시되며,
제한된 그림 요소에 대해 유사한 반응 이미지 방식을 사용하는 이미지 갤러리를 만들어 줍니다.
브라우저 크기에 따라 반응형으로 이미지 갤러리가 정렬됩니다.
클릭시 이미지 썸네일이 슬라이딩으로 처리되는 형태의 모달창으로 구현됩니다.
핵심소스인
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/modernizr.custom.70736.js"></script>
와 하단에
<script src="js/gamma.js"></script>
소스 및 설정 스크립트 부분을 설정하여 제어가 가능합니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 숫자 범위내 셀렉트박스 옵션 자동 추가 Jquery 플러그인 - selectrange.js (0) | 2020.06.03 |
---|---|
[해피CGI][cgimall] High-performance Swiper In jQuery - SwipeScroll (0) | 2020.05.26 |
[해피CGI][cgimall] jQeury 를 이용한 슬라이드(3D 효과) (0) | 2020.05.15 |
[해피CGI][cgimall] Multifunctional Select Replacement Plugin For jQuery - Selectator (0) | 2020.05.13 |
[해피CGI][cgimall] 모바일용 부드러운 메뉴 만들기 (0) | 2020.05.04 |
Comments