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

[해피CGI][cgimall] Javascript & CSS 를 이용한 갤러리 본문

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

[해피CGI][cgimall] Javascript & CSS 를 이용한 갤러리

해피CGI윤실장 2019. 7. 31. 09:09


Simple Responsive Lightbox Gallery with CSS & jQuery 를 소개 합니다.


사이트의 설명에는 jQuery 를 사용했다고 나와 있지만 실제 코드를 보면 jQuery 를 사용하고 있진 않습니다. ^^


생각보다 가벼운 Script 와 CSS 를 사용하여 플러그인 반응이 빠릅니다.

이미지 출력 방식은 팝업 모달 방식으로 이미지를 표시합니다.

반응형코드로 모바일에서도 작동하는데 문제가 없습니다.

저는 index.html 을 이용하여 확인해 보았습니다.  

 

 

 

 

생각보다 소스는 간단 합니다.
CSS 호출 2개와 jQuery 호출 1개가 끝입니다. ^^

 

 

 

홈페이지바로가기

저작자표시

'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글

[해피CGI][cgimall] 페이지 책장을 넘기듯한 효과 jquery 효과 booklet  (0) 2019.08.05
[해피CGI][cgimall]scrollTop()을 이용한 페이지 상단으로 부드럽게 이동하기  (0) 2019.08.01
[해피CGI][cgimall] Youtube 백그라운드 플레이어 mb.YTPlayer  (0) 2019.07.30
[해피CGI][cgimall] 텍스트 에어리어 자동높이/최대높이 Auto Resizing Textarea with max-height  (0) 2019.07.29
[해피CGI][cgimall] 간편한 컬러피커 JQuery 플러그인 - drawrPalette  (0) 2019.07.25
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments