| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- 홈페이지
- #jQuery
- CSS
- #해피CGI
- 홈페이지제작
- #쇼핑몰
- #솔루션
- #이미지
- #cgimall
- #CSS
- #image
- 이미지
- #업종별
- jquery
- 해피씨지아이
- happycgi
- 사이트제작
- javascript
- CGIMALL
- 웹솔루션
- 해피CGI
- #동영상
- php
- #홈페이지제작
- 게시판
- #happycgi
- #홈페이지
- 솔루션
- #웹솔루션
- #뉴스
- Today
- Total
웹솔루션개발 25년 노하우! 해피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