XE 공식 자료실

제작자
zirho
등록일
2009-10-19
다운로드 수
444
링크1
www.zirho.net/question

*설명 : 선택된 모듈들의 첨부파일 중 이미지를 가져와 랜덤(옵션)으로 보여주고

선택적으로 자동흐름, 버튼이동, 마우스 스크롤 이동 등을 지원하는 이미지 위젯입니다.



*기능

1. 모듈 다중 선택

2. 랜덤 순서로 이미지 출력

3. 이미지 크기 설정

4. 자동 흐름

5. 마우스 버튼 이동

6. 마우스 휠 이동

7. 이미지 간격 조정

8. 이미지 클릭시 해당 글로 이동

9. 보여지는 이미지 갯수 설정

10. 보여질 이미지 총 갯수 설정

*업데이트

11. 이미지 자동 흐름 속도 설정(0.2)

12. 이미지 테두리 색상, 두께 설정(0.5)

13. 글 제목 출력기능 (폰트, 사이즈, 색상 조절 v0.7)

14. 슬라이드 이펙트 선택 (12종) - v0.9

15. 이미지 없는 경우 사이트의 이미지가 다 불러와지던 버그 수정 - v1.0

16. 버튼 배경을 삭제하고 png 이미지로 변경 (배경색 있는경우도 자연스럽게 보이도록 했습니다.) -v1.0

17. ie6 에서 버튼 위치 깨지던 문제 수정





*주의 :

1. 위젯 설정에 "0" 으로 설정하고 싶으실때는 "0px"로 적어주시면 됩니다.

2. 선택한 모듈에 첨부된 이미지가 없으면 "no image"메시지가 출력됩니다.

* jQuery 를 이용한 Jcarousellite plugin(http://gmarwaha.com/jquery/jcarousellite/) 을 이용하여

xe module을 만들었습니다.



* 사용된 라이브러리

jquery-1.3.2.js

jquery.mousewheel.js

jcarousellite_1.0.1.js

라이선스
GPL v2
설치경로
./widgets/flowing_pictures
최초 등록일
2009-10-11
전체 다운로드
9,338
체험하기

쉬운설치로 바로 체험할 수 있습니다

상세 설명

 

*적용사례 (no warranty, 사이트 소유자님 요청시 목록에서 삭제해드립니다.)

http://xpress.cafe24.com/xe/?mid=new (제일 하단)

http://pisibook.owllab.com/2008/online/xe/?mid=indesign_home  (하단 레이아웃 은행)

 


 

flowing_images.jpg

 

 

 

업데이트

1.1.0 : 한 페이지에 2개 이상의 이미지 롤링 위젯 사용이 가능하도록 수정했습니다.


 

*데모 보기

http://www.zirho.co.kr/?mid=pagetest

http://www.zirho.co.kr/?mid=pagetest2

 

포럼 0

로그인 후 작성할 수 있습니다.