웹솔루션개발 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 파일을 보고 참고하여 삽입)




코드를 적용하여 최종 적용된 갤러리 화면은 아래와 같습니다

 

 

 

 

 

 

 

Comments