다같이 뱅뱅 v 0.0.1

Bangbang All Together

잠깐! XE를 처음 만나신 분들은 여기를 먼저 봐주세요.

질문 사항은 여기에 올려주세요.

위젯 컨셉

선택된 모듈들의 첨부파일 중 이미지 목록을 가져와 다양한 슬라이드 방식으로 화려하게 표현할 수 있는 위젯입니다.

위젯 데모 1

위젯 데모 2

위젯 설치 하기

비나무님의 FTP 업로드 강의

위젯 기능

1. 1. 첨부 이미지 선택 : 여러개의 모듈에 등록 된 이미지를 원하는 갯수만큼 랜덤하게 가져올 수 있고 한번에 보여지는 이미지 수도 지정할 수 있습니다.
2. 2. 슬라이더의 움직임을 다양하게 선택할 수 있으며 이동 속도도 제어할 수 있습니다. 또한 마우스 오버 시 멈추게 할 수 있습니다.
3. 3. 슬라이더가 자동으로 움직이게 할 수 있습니다.

위젯 옵션

1. 1. 대상 모듈 : 선택하신 모듈에 등록된 글을 대상으로 합니다.
2. 2. 썸네일 생성 방법 : 썸네일 생성 방법을 선택할 수 있습니다.(기본값: ratio) (crop : 꽉 채우기, ratio : 비율 맞추기)
3. 3. 랜덤 : 이미지를 랜덤으로 가져옵니다. (기본값: yes)
4. 4. 캔버스 가로크기 : 출력될 캔버스의 가로크기를 정하실 수 있습니다. (기본값: 7)
5. 5. 캔버스 세로크기 : 출력될 캔버스의 세로 크기를 지정할 수 있습니다. (기본값: 7)


6. 6. 이미지 가로크기 : 출력될 이미지의 가로크기를 정하실 수 있습니다. (기본값: 7)
7. 7. 이미지 세로크기 : 출력될 이미지의 세로 크기를 지정할 수 있습니다. (기본값: 7)
8. 8. 보여줄 이미지 수 : 선택된 모듈에서 가져오는 총 이미지 수 (기본값: 7개)
9. 9. 시작 각도 조절 : 슬라이딩 각도를 조절할 수 있습니다.
10. 10. 제일 뒷 사진 투명도 : 제일 뒷 사진의 투명도를 선택합니다. (기본값: 0.4)


11. 11. 자동 스크롤 주기 : 자동 스크롤 주기를 설정합니다. (기본값: 3000 (3초))
12. 12. 자동 스크롤 소요시간 : 자동 스크롤 되는 소요시간입니다. (기본값: 300 (0.3초))
13. 13. 마우스오버 시 멈춤 : 마우스오버 시 멈추게 합니다. (기본값: yes)
14. 14. 이미지 동선 : 이미지의 슬라이드 움직임 동선을 설정합니다.
15. 15. 이동 효과 : 슬라이드 되는 효과를 설정합니다.

제작 참조

* jQuery Roundabout을 이용하여 xe widget화 하였음을 명시합니다.
* jquery-1.3.2.js
* roundabout-1.0.js
* roundabout-shapes-1.1.js

개발자의 다른 프로그램 wizardXE 는 여기에서 확인하세요.