| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- #업종별
- #cgimall
- CSS
- #CSS
- happycgi
- php
- #이미지
- 홈페이지제작
- CGIMALL
- #jQuery
- #웹솔루션
- 솔루션
- 웹솔루션
- 사이트제작
- #홈페이지
- #해피CGI
- #image
- 해피씨지아이
- 홈페이지
- #동영상
- #뉴스
- 이미지
- jquery
- #쇼핑몰
- #홈페이지제작
- javascript
- 게시판
- #happycgi
- #솔루션
- 해피CGI
- Today
- Total
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] B&W Box Gallery 본문
* B&W Box Gallery
- 그리드 형태의 jquery 갤러리
* 적용방법
- 첨부된 압축파일을 웹루트 디렉터리에 압축해제하여 업로드 합니다
첨부된 파일중 index.html 파일을 참고하여 적용하면 도움이 될것 같습니다
적용할 html 문서에 아래와 같은 css 및 javascript 를 호출합니다
아래와 같이 갤러리를 형성할 이미지 태그를 구성합니다
이후 하단에 아래와 같이 js 호출 및 javascript 를 선언합니다
(하단에 추가스크립트도 index.html 파일을 보고 참고하여 삽입)
코드를 적용하여 최종 적용된 갤러리 화면은 아래와 같습니다
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
| [해피CGI][cgimall] Single/Multiple Image Selector In jQuery - Media Selector (0) | 2021.11.03 |
|---|---|
| [해피CGI][cgimall] jquery animation effect gallery (0) | 2021.11.02 |
| [해피CGI][cgimall] Resizable, Draggable, Rotatable jQuery Plugin - Box Modeling (0) | 2021.10.26 |
| [해피CGI][cgimall] 배경으로 사용하기 좋은 particles.js (0) | 2021.10.21 |
| [해피CGI][cgimall] Random Lottery Number Generator With jQuery And Bootstrap (0) | 2021.10.01 |
'웹프로그램밍 자료실/JAVA 자료' Related Articles
more
Comments