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

[해피CGI][cgimall] Justified Image Grid With Lightbox - jQuery Flex Photo Gallery 본문

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

[해피CGI][cgimall] Justified Image Grid With Lightbox - jQuery Flex Photo Gallery

해피CGI윤실장 2020. 3. 30. 09:13

jQuery 와 CSS flexbox 로 만들어진, 반응형의 사진 갤러리 입니다.


첨부된 파일의 압축을 풀어서 나오는

example/index.html 파일을 웹브라우저 열어보면 데모를 확인이 가능합니다.



반응형이어서, 화면의 크기에 맞게
이미지의 배열이 적당하게 조절이 됩니다.



이미지를 클릭해보면
해당 이미지가 light box 로 팝업이 됩니다.



좌우 화살표를 이용해서
다음 이미지나, 이전 이미지로 슬라이드도 됩니다.


위 그림 처럼 index.html 파일의 소스코드도 상당히 간단합니다.




홈페이지바로가기

Comments