XE™ 공모전 - 콘텐츠의 생산, 발행, 유통을 돕는 자유 오픈 소프트웨어 Xpress Engine (2010.01.04~2010.01.26)

공식 홈에 모듈업로드 해두었습니다.

쉬운설치를 이용해서 많이 이용해봐 주세요

감사합니다.

위젯 컨셉

선택된 모듈들의 첨부파일 중 이미지를 가져와 랜덤(옵션)으로 보여주고 선택적으로 자동흐름, 버튼이동, 마우스 스크롤 이동 등을 지원하는 이미지 위젯입니다.

위젯 데모 1

위젯 데모 2

위젯 설치 하기

비나무님의 FTP 업로드 강의

위젯 기능

1. 1. 첨부 이미지 선택 : 여러개의 모듈에 등록 된 이미지를 원하는 갯수만큼 랜덤하게 가져올 수 있고 한번에 보여지는 이미지 수도 지정할 수 있습니다.
2. 2. 보여질 이미지의 크기, 테두리 선 색상, 두께, 그리고 이미지의 간격을 지정할 수 있습니다.
3. 3. 슬라이더의 움직임을 다양하게 선택할 수 있으며 이동 속도도 제어할 수 있습니다. 또한 마우스 오버 시 멈추게 할 수 있습니다.
4. 4. 슬라이더가 자동으로 움직이게 할 수 있으며 마우스 휠을 사용하여 움직이게 할 수도 있습니다.
5. 5. 이미지 클릭하면 해당 이미지가 첨부된 게시글로 이동하게 할 수 있습니다.
6. 6. 슬라이더 이미지 아래쪽에 첨부된 게시글의 제목을 출력할 수 있으며 폰트, 사이즈, 색상도 조절 가능합니다.

위젯 옵션

1. 1. 대상 모듈 : 선택된 모듈에 등록된 글을 대상으로 합니다.
2. 2. 썸네일 생성 방법 : 썸네일 생성 방법을 선택할 수 있습니다. (기본값: ratio)
3. 3. 랜덤 : 이미지를 랜덤으로 가져옵니다. (기본값: no)
4. 4. 마우스오버 시 멈춤 : 마우스오버 시 멈추게 합니다. (기본값: yes)
5. 5. 이미지 가로크기 : 출력될 이미지의 가로크기를 정하실 수 있습니다. (기본값: 100px)


6. 6. 이미지 세로크기 : 출력될 이미지의 세로 크기를 지정할 수 있습니다. (기본값: 100px)
7. 7. 보여지는 이미지 수 : 프레임에 보여지는 이미지 수를 지정할 수 있습니다. (기본값: 3개) (예: 2, 5, 8.2 (소수점 가능))
8. 8. 총 이미지 수 : 선택된 모듈에서 가져오는 총 이미지 수 (기본값: 7개)
9. 9. 이동 방식 : 좌우 버튼 또는 자동 스크롤을 설정합니다. (기본값: 좌우 버튼)
10. 10. 이동 효과 : 슬라이드 되는 효과를 설정합니다.


11. 11. 자동 스크롤 주기 : 자동 스크롤 주기를 설정합니다. 위의 이동방식이 "자동스크롤" 일 경우 적용됩니다. (기본값: 3000 (3초))
12. 12. 자동 스크롤 소요시간 : 자동 스크롤 되는 소요시간입니다. (기본값: 1000 (1초))
13. 13. 이미지 여백 : 이미지의 주변에 생성되는 여백 두께입니다.(기본값: 0px)
14. 14. 마우스 휠 : 마우스 휠 스크롤이 가능하게 합니다. (기본값: yes)
15. 15. 이미지 테두리 두께 : 이미지의 주변에 생성되는 테두리 두께입니다.(기본값: 1px)


16. 16. 이미지 테두리 컬러 : 이미지의 주변에 생성되는 테두리 컬러입니다.(기본값: 투명)
17. 17. 제목 보이기 : 헤당 글의 제목을 보여줄지 선택합니다. (기본값: no)
18. 18. 제목 컬러 : 제목 컬러입니다.(기본값: 투명)
19. 19. 제목 길이 : 제목이 길경우 설정하신 길이로 잘라지고 ".." 가 붙습니다. (기본값: 14자)
20. 20. 제목 크기 : 제목글자의 크기를 설정합니다. (기본값: 10px, css 형식의 사이즈 모두 OK)
21. 21. 제목 폰트 : 제목 폰트를 설정합니다.(기본값: 굴림체, css 형식의 font-family)

멋집니다. 플래시가 아닌 자바스크립트 구현이라 ^-^ 추천한방들어갑니다!

잘 사용하고 있습니다. 아주 멋진 위젯입니다. 추천 한 방...^^

이미지가 좌측으로 움직이기 전에 좌우라 조금씩 흔들렸다가 움직이는 것 같아요.

저만 그런건지는 잘 모르겠지만

그 흔들림이 없으면 좋겠네요