[ 수정 및 추가 사항 ]
확대, 축소, 드레그, 설명창 위치 변경, 에니매이션 시작위치 변경, 환경설정을 쿠키로저장, 컨트롤 키 추가, 마우스 휠 컨트롤, 겔러리 뷰어
[ 업데이트 및 추가 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개
16년 전
http://leandrovieira.com/projects/jquery/lightbox/
라이센스가 헷갈리네요.
라이센스가 헷갈리네요.
RINIX
16년 전
라이센스는 별 생각없이 맹글었는데..ㅠ.ㅜ
본 게시물에 올려져 있는 것은 오류 덩어리라..ㅋㅋ
지금 링크에 적용되어져 있는 것은 대부분의 오류가 수정된 상태 입니다.
라이센스를 어찌 해야 되나요??
본 게시물에 올려져 있는 것은 오류 덩어리라..ㅋㅋ
지금 링크에 적용되어져 있는 것은 대부분의 오류가 수정된 상태 입니다.
라이센스를 어찌 해야 되나요??
16년 전
http://creativecommons.org/licenses/by-nd/2.5/br/deed.ko
변경/재배포 금지네요. 라이선스 위반입니다 ㄷㄷ;
아쉽지만 배포 할 수 없네요;
변경/재배포 금지네요. 라이선스 위반입니다 ㄷㄷ;
아쉽지만 배포 할 수 없네요;
16년 전
This work is licensed under a Creative Commons Attribution-Share Alike 2.5 Brazil License.
이 부분 라이센스는 또 다릅니다.
이 문제로 메일을 하나 보냈었는데 답장은 안오고
이렇게 헷갈리게 했 놨네요.
이 부분 라이센스는 또 다릅니다.
이 문제로 메일을 하나 보냈었는데 답장은 안오고
이렇게 헷갈리게 했 놨네요.
RINIX
16년 전
라이트 박스에서 사용되었던 부분은 80%가 사라진 상태인데..
완전 버리구 다시 맹글어야 겠네요..ㅠ.ㅜ
완전 버리구 다시 맹글어야 겠네요..ㅠ.ㅜ
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5802 | 9년 전 | 289 | ||
| 5801 | 9년 전 | 330 | ||
| 5800 | 9년 전 | 409 | ||
| 5799 | 9년 전 | 250 | ||
| 5798 | 9년 전 | 263 | ||
| 5797 | 10년 전 | 401 | ||
| 5796 |
|
10년 전 | 946 | |
| 5795 | 10년 전 | 334 | ||
| 5794 | 10년 전 | 299 | ||
| 5793 | 10년 전 | 424 | ||
| 5792 | 10년 전 | 303 | ||
| 5791 |
|
10년 전 | 537 | |
| 5790 |
씨에이치넷
|
10년 전 | 1362 | |
| 5789 | 10년 전 | 414 | ||
| 5788 | 10년 전 | 296 | ||
| 5787 | 10년 전 | 296 | ||
| 5786 | 10년 전 | 337 | ||
| 5785 | 10년 전 | 313 | ||
| 5784 | 10년 전 | 261 | ||
| 5783 | 10년 전 | 256 | ||
| 5782 | 10년 전 | 220 | ||
| 5781 | 10년 전 | 272 | ||
| 5780 | 10년 전 | 292 | ||
| 5779 | 10년 전 | 384 | ||
| 5778 | 10년 전 | 289 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기