일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 해피씨지아이
- 해피CGI
- 사이트제작
- #뉴스
- 솔루션
- #쇼핑몰
- #cgimall
- happycgi
- php
- jquery
- #CSS
- 웹솔루션
- #솔루션
- #웹솔루션
- 쇼핑몰
- #홈페이지제작
- 홈페이지
- CSS
- #업종별
- #동영상
- 홈페이지제작
- #image
- javascript
- #happycgi
- #이미지
- #홈페이지
- 게시판
- CGIMALL
- #해피CGI
- #jQuery
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] [jquery] mBox lightbox plugin 본문
* mBox 소개
mBox는 간단한 jQuery 라이트 박스 플러그인입니다. 사용하기 쉽고 가벼운 장점이 있습니다.
플러그인을 초기화하고 정적 이미지를 멋진 라이트 박스 갤러리로 변환하는 데 몇줄의 코드만 있으면됩니다.
또한 mBox는 몇 가지 기본 사용자 정의 옵션을 제공합니다.
* 사용방법
첨부된 압축파일을 원하는 디렉터리에 압축을 해제해줍니다
적용을 원하는 html 문서에 아래와 같이 js,css 파일을 호출합니다
mBox는 간단한 jQuery 라이트 박스 플러그인입니다. 사용하기 쉽고 가벼운 장점이 있습니다.
플러그인을 초기화하고 정적 이미지를 멋진 라이트 박스 갤러리로 변환하는 데 몇줄의 코드만 있으면됩니다.
또한 mBox는 몇 가지 기본 사용자 정의 옵션을 제공합니다.
* 사용방법
첨부된 압축파일을 원하는 디렉터리에 압축을 해제해줍니다
적용을 원하는 html 문서에 아래와 같이 js,css 파일을 호출합니다
이미지 호출 및 mBox 실행코드를 삽입합니다
이미지 태그로 출력된 부분을 마우스 클릭시 아래와 같은 효과를 확인할 수 있습니다
제공되는 옵션은 아래와 같습니다
Option | Default | Description |
imagesPerPage | 3 | 단일 페이지에 표시 할 썸네일 수를 지정 |
displayNavigation | true | 탐색 화살표를 표시하거나 숨김 |
displayTitle | true | 이미지 제목을 이미지 설명으로 표시 |
displayThumbnails | true | 썸네일을 표시하거나 숨김 |
keyboardNavigation | true | 키보드 탐색이 활성화된 경우 왼쪽 및 오른쪽 화살표로 이미지 탐색 |
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] Easy Drop Down Select List Plugin - DropKick (0) | 2019.10.24 |
---|---|
[해피CGI][cgimall] [jquery] bootstrapSelect v0.84 (0) | 2019.10.16 |
[해피CGI][cgimall] 간단한 툴팁 JQuery 플러그인 - sTips (0) | 2019.10.08 |
[해피CGI][cgimall] TEXTAREA 입력 글자수 제한 JQuery 플러그인 (0) | 2019.10.07 |
[해피CGI][cgimall] 텍스트에어리어 자동 높이 조절 Text Area - Auto Height (0) | 2019.10.04 |
Comments