일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- #jQuery
- CGIMALL
- #cgimall
- 홈페이지제작
- #솔루션
- #동영상
- #해피CGI
- #CSS
- #웹솔루션
- happycgi
- #업종별
- 해피CGI
- #happycgi
- #쇼핑몰
- #홈페이지제작
- CSS
- 쇼핑몰
- javascript
- 게시판
- 홈페이지
- jquery
- 솔루션
- 사이트제작
- #image
- #이미지
- #홈페이지
- #뉴스
- 해피씨지아이
- php
- 웹솔루션
- Today
- Total
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Customizable Lightbox That Supports Any Content - Zoombox 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] Customizable Lightbox That Supports Any Content - Zoombox
해피CGI윤실장 2019. 10. 2. 09:09주 용도는 웹페이지에 표시되는 작은이미지 를 클릭하면
light box 를 이용해서 큰 이미지를 보여주는 스크립트입니다.
화면 가운데에 열려진 light box에 마우스를 오버하면,
이전 이미지, 다음 이미지를 선택할수 있는 화살표가 표시가 되네요.
기본 스킨 외에도 아래의 그림과 같이 몇가지
테마도 같이 제공이 되네요.
유투브나 비메오에서 제공되는 동영상도
소스코드를 크게 손을 안봐도,
light box 에서 재생되도록 할수가 있습니다.
light box 에 줄수 있는 옵션들도 아래 처럼 몇가지가 있네요.
뒷 배경의 투명도와, 애니메이션의 작동여부와 에니메이션 작동에 소요되는 시간 등등을 조절할수가 있겠습니다.
이미지나, 동영상, 그외 HTML을 직접 짜서
lightbox 에 손쉽게 표시해야 하는 상황에서 사용하기가 수월해보이네요.
출처는
https://www.jqueryscript.net/lightbox/any-content-zoombox.html 입니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] TEXTAREA 입력 글자수 제한 JQuery 플러그인 (0) | 2019.10.07 |
---|---|
[해피CGI][cgimall] 텍스트에어리어 자동 높이 조절 Text Area - Auto Height (0) | 2019.10.04 |
[해피CGI][cgimall] Pogo Slider - 이미지 슬라이드 기능 (0) | 2019.09.30 |
[해피CGI][cgimall] iOS-style Virtual Keyboard In jQuery - ckeyboard (0) | 2019.09.23 |
[해피CGI][cgimall] jQuery와 부트스크랩을 이용한 목차(메뉴) 생성 (0) | 2019.09.18 |
Comments