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

[해피CGI][cgimall] B&W Box Gallery 본문

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

[해피CGI][cgimall] B&W Box Gallery

해피CGI윤실장 2021. 11. 1. 09:22

* 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