[해피CGI][cgimall] Justified Image Grid With Lightbox

Link

Tags more

관리 메뉴

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

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

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

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

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

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

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

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

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

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

[해피CGI][cgimall] 조직도를 구성할 수 있는 ... Orgchart (0)	2020.04.14
[해피CGI][cgimall] Android-style Analog Clock Time Picker Plugin With jQuery (0)	2020.04.13
[해피CGI][cgimall] Flexible Content Expanding and Collapsing Plugin - jQuery Collapse (0)	2020.03.18
[해피CGI][cgimall] 부트스트랩을 이용한 4단계 드랍메뉴 (0)	2020.03.05
[해피CGI][cgimall] jQuery 를 이용한 image zoom in, zoom out (0)	2020.03.04

공유하기 링크

'웹프로그램밍 자료실/JAVA 자료' Related Articles

Comments