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

[해피CGI][cgimall] [jquery] mBox lightbox plugin 본문

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

[해피CGI][cgimall] [jquery] mBox lightbox plugin

해피CGI윤실장 2019. 10. 15. 09:03
* mBox 소개

mBox는 간단한 jQuery 라이트 박스 플러그인입니다. 사용하기 쉽고 가벼운 장점이 있습니다.
플러그인을 초기화하고 정적 이미지를 멋진 라이트 박스 갤러리로 변환하는 데 몇줄의 코드만 있으면됩니다.
또한 mBox는 몇 가지 기본 사용자 정의 옵션을 제공합니다.



* 사용방법

첨부된 압축파일을 원하는 디렉터리에 압축을 해제해줍니다

적용을 원하는 html 문서에 아래와 같이 js,css 파일을 호출합니다


이미지 호출 및 mBox 실행코드를 삽입합니다




이미지 태그로 출력된 부분을 마우스 클릭시 아래와 같은 효과를 확인할 수 있습니다




제공되는 옵션은 아래와 같습니다


Option Default Description
imagesPerPage 3 단일 페이지에 표시 할 썸네일 수를 지정
displayNavigation true 탐색 화살표를 표시하거나 숨김
displayTitle true 이미지 제목을 이미지 설명으로 표시
displayThumbnails true 썸네일을 표시하거나 숨김
keyboardNavigation true 키보드 탐색이 활성화된 경우 왼쪽 및 오른쪽  화살표로 이미지 탐색



홈페이지바로가기


Comments