[ 수정 및 추가 사항 ]
확대, 축소, 드레그, 설명창 위치 변경, 에니매이션 시작위치 변경, 환경설정을 쿠키로저장, 컨트롤 키 추가, 마우스 휠 컨트롤, 겔러리 뷰어
[ 업데이트 및 추가 UI, Plugin ]
jQuery JavaScript Library v1.3.2
jQuery UI 1.7.2
jQuery UI Slider 1.7.2
jQuery UI Draggable 1.7.2
Cookie plugin jquery.cookie.js
[ 세팅 값 ]
{
// 백그라운드 레이어의 설정값
overlayBgColor: '#000', // 배경용 백그라운드 색상
overlayOpacity: 0.8, // 배경 레이어의 투명도
controlOpacity: 0.8,
// 네비게이션 설정
fixedNavigation: false,
checkbox: false,
// 네비게이션에 사용될 이미지 경로
imageLoading: 'images/lightbox-ico-loading.gif', // 로딩이미지
imageBlank: 'images/lightbox-blank.gif', // 투명버튼에 사용될 투명 이미지 1픽셀짜리
// Configuration related to container image box
containerResizeSpeed: 400, // 이미지 출력시 에이메이션의 속도.
// 키보드 조작설정
keyToClose: 'c', // 뷰어 닫기
keyToPrev: 'p', // 이전 이미지
keyToNext: 'n', // 다음이미지
// 이미지 관련 배열 선언
imageArray: [],
activeImage: 0, // 이미지 인덱스
// 확대 및 축소 비률 설정.
MaxImageSize: 1200, // 슬라이더 최고 값
MinImageSize: 1, // 슬라이더 최저 값 0이면 슬라이더바를 좌측끝으로 놓을시 이미지 사라짐.
OnePercent: 1, // 1%의 단위 100%를 기준으로 함 단위가 1일 경우 원본 사이즈는 100 이된단. 고로 최고 확대 값이 1200 이면 12배 확대가 가능해짐. 단위가 달라짐에 따라 확대 축소의 비률을 정할수 있으므로 잘 궁리 해보자..^^ 기본 설정은 확대 1200% 축소 1% 이다.
ExtendImageSize: 10, // +, - 버튼 클릭시 이동 단위.
DefaultPlayTime: 3000, // 슬라이드쇼 기본 기본 재생단위 1000, 3000, 5000 중 입력.
CookieDomain: '', // 환경설정값을 쿠키로 저장시 사용.
//겔러리 설정
Gallery: true,
GalleryOpen: true,
GallerySize: 110
}
확대, 축소, 드레그, 설명창 위치 변경, 에니매이션 시작위치 변경, 환경설정을 쿠키로저장, 컨트롤 키 추가, 마우스 휠 컨트롤, 겔러리 뷰어
[ 업데이트 및 추가 UI, Plugin ]
jQuery JavaScript Library v1.3.2
jQuery UI 1.7.2
jQuery UI Slider 1.7.2
jQuery UI Draggable 1.7.2
Cookie plugin jquery.cookie.js
[ 세팅 값 ]
{
// 백그라운드 레이어의 설정값
overlayBgColor: '#000', // 배경용 백그라운드 색상
overlayOpacity: 0.8, // 배경 레이어의 투명도
controlOpacity: 0.8,
// 네비게이션 설정
fixedNavigation: false,
checkbox: false,
// 네비게이션에 사용될 이미지 경로
imageLoading: 'images/lightbox-ico-loading.gif', // 로딩이미지
imageBlank: 'images/lightbox-blank.gif', // 투명버튼에 사용될 투명 이미지 1픽셀짜리
// Configuration related to container image box
containerResizeSpeed: 400, // 이미지 출력시 에이메이션의 속도.
// 키보드 조작설정
keyToClose: 'c', // 뷰어 닫기
keyToPrev: 'p', // 이전 이미지
keyToNext: 'n', // 다음이미지
// 이미지 관련 배열 선언
imageArray: [],
activeImage: 0, // 이미지 인덱스
// 확대 및 축소 비률 설정.
MaxImageSize: 1200, // 슬라이더 최고 값
MinImageSize: 1, // 슬라이더 최저 값 0이면 슬라이더바를 좌측끝으로 놓을시 이미지 사라짐.
OnePercent: 1, // 1%의 단위 100%를 기준으로 함 단위가 1일 경우 원본 사이즈는 100 이된단. 고로 최고 확대 값이 1200 이면 12배 확대가 가능해짐. 단위가 달라짐에 따라 확대 축소의 비률을 정할수 있으므로 잘 궁리 해보자..^^ 기본 설정은 확대 1200% 축소 1% 이다.
ExtendImageSize: 10, // +, - 버튼 클릭시 이동 단위.
DefaultPlayTime: 3000, // 슬라이드쇼 기본 기본 재생단위 1000, 3000, 5000 중 입력.
CookieDomain: '', // 환경설정값을 쿠키로 저장시 사용.
//겔러리 설정
Gallery: true,
GalleryOpen: true,
GallerySize: 110
}
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
첨부파일
댓글 5개
게시글 목록
| 번호 | 제목 |
|---|---|
| 28213 | |
| 31006 |
CSS
css가 충돌이 됬을때
4
|
| 7898 | |
| 7897 | |
| 19935 |
JavaScript
풀스크린 스크립트
|
| 7892 | |
| 7885 | |
| 31005 | |
| 28209 | |
| 7880 | |
| 7877 | |
| 7871 | |
| 7865 | |
| 7862 | |
| 7858 | |
| 7852 | |
| 19933 |
웹서버
vi 온라인 학습장
1
|
| 19931 |
jQuery
강력한 무료 멀티 업로더...
1
|
| 19928 | |
| 19927 | |
| 31003 |
HTML
HTML5 자바스크립트 API
1
|
| 19920 |
기타
P3P 규약의 이해
6
|
| 28206 | |
| 19918 | |
| 28200 | |
| 7850 | |
| 19916 | |
| 28180 | |
| 28165 | |
| 19911 | |
| 7842 | |
| 7838 | |
| 7830 | |
| 7818 | |
| 28150 | |
| 19906 |
PHP
외부이미지 썸네일 만들기
5
|
| 19905 |
웹서버
퍼미션 계산기-아주 좋습니다.
|
| 19903 |
JavaScript
화면전체에 눈 내리는 효과
1
|
| 19901 |
PHP
외부이미지 서버에 저장하기
1
|
| 19900 |
PHP
유튜브 api 사용하기
|
| 28145 | |
| 7815 | |
| 31002 | |
| 7803 | |
| 7799 | |
| 7785 | |
| 19898 | |
| 7780 | |
| 7779 | |
| 7777 | |
| 7776 | |
| 7775 | |
| 7758 | |
| 19893 | |
| 19892 | |
| 19891 | |
| 20850 |
도로명주소
다음 우편번호 api
2
|
| 19885 | |
| 7752 | |
| 7747 | |
| 7738 | |
| 19883 |
JavaScript
자바스크립트로 오버로딩 구현하기
1
|
| 7735 | |
| 28139 | |
| 7734 | |
| 7731 | |
| 7725 | |
| 7717 | |
| 19879 | |
| 7715 | |
| 7710 | |
| 19858 | |
| 7709 | |
| 7703 | |
| 28134 | |
| 28129 | |
| 7694 | |
| 7690 | |
| 28125 | |
| 7672 | |
| 7660 | |
| 28111 | |
| 19857 | |
| 19856 |
MySQL
사이트 관리자 비밀번호 재설정하기
|
| 7658 | |
| 28106 | |
| 28098 | |
| 7655 | |
| 28095 | |
| 7651 | |
| 19851 | |
| 7646 | |
| 19850 | |
| 24661 | |
| 28089 | |
| 7633 | |
| 7623 | |
| 28087 | |
| 28085 | |
| 7620 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기