| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- #이미지
- #jQuery
- 홈페이지제작
- CGIMALL
- 게시판
- 쇼핑몰
- 해피CGI
- #해피CGI
- javascript
- #홈페이지제작
- #쇼핑몰
- #image
- #뉴스
- php
- #동영상
- #CSS
- #솔루션
- 홈페이지
- CSS
- 웹솔루션
- jquery
- #업종별
- #홈페이지
- 해피씨지아이
- #cgimall
- happycgi
- #웹솔루션
- 솔루션
- 사이트제작
- #happycgi
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Javascript & CSS 를 이용한 갤러리 본문
Simple Responsive Lightbox Gallery with CSS & jQuery 를 소개 합니다.
사이트의 설명에는 jQuery 를 사용했다고 나와 있지만 실제 코드를 보면 jQuery 를 사용하고 있진 않습니다. ^^
생각보다 가벼운 Script 와 CSS 를 사용하여 플러그인 반응이 빠릅니다.
이미지 출력 방식은 팝업 모달 방식으로 이미지를 표시합니다.
반응형코드로 모바일에서도 작동하는데 문제가 없습니다.
저는 index.html 을 이용하여 확인해 보았습니다.
생각보다 소스는 간단 합니다.
CSS 호출 2개와 jQuery 호출 1개가 끝입니다. ^^
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
| [해피CGI][cgimall] 페이지 책장을 넘기듯한 효과 jquery 효과 booklet (0) | 2019.08.05 |
|---|---|
| [해피CGI][cgimall]scrollTop()을 이용한 페이지 상단으로 부드럽게 이동하기 (0) | 2019.08.01 |
| [해피CGI][cgimall] Youtube 백그라운드 플레이어 mb.YTPlayer (0) | 2019.07.30 |
| [해피CGI][cgimall] 텍스트 에어리어 자동높이/최대높이 Auto Resizing Textarea with max-height (0) | 2019.07.29 |
| [해피CGI][cgimall] 간편한 컬러피커 JQuery 플러그인 - drawrPalette (0) | 2019.07.25 |
'웹프로그램밍 자료실/JAVA 자료' Related Articles
more
Comments