테스트 사이트 - 개발 중인 베타 버전입니다
SIR

회전목마 - 스크롤링 소스

친절한서기
프로필 보기이 회원 글보기
 · 18년 전 · 3756 · 3

링크

http://billwscott.com/carousel/ (765) http://developer.yahoo.com/yui/ (453)
 
YUI에 추가되어 사용해야 됩니다.
 
스크립트 경로와 css경로만 잘 맞춰 주면 될것 같네요
 

Examples

The following examples illustrate various aspects of the components flexibility. The examples do not show the full extent of the flexibility-- just illustrate some of the possibilities.
  • Illustrating various loading techniques
    • Static HTML - Carousel content expressed solely in HTML markup.
    • JavaScript Load - Carousel content loaded via JavaScript (client side load) displayed horizontally.
    • Ajax Load - Loading Carousel via Ajax (server side load).
    • Ajax Search - Loading and reloading content via Ajax.
    • Ajax Search (Vertical) - Loading and reloading content via Ajax in a vertical strip illustrating resize during reload.
    • Ajax Load - Two Carousels - Loading two Carousels on same page via Ajax (server side load).
  • Illustrating flexibility of style
    • Vertical Orientation - Carousel content loaded via JavaScript (client side load) displayed horizontally.
    • Slide Show - Showing a carousel managing one large image at a time.
    • Module Scrolling - Example of a news module supporting scrolling of content.
    • Module Tabset - Example of showing one page of content at at time in tabs.
  • Illustrating key features
    • Auto Play - Demonstrates the autoPlay functionality. Every 5 seconds the content is scrolled. If user interacts, autoPlay is turned off.
    • Wrap - Demonstrates the wrap functionality.
    • Offset - Demonstrates setting the firstItemVisible property (with wrap.)
    • Bounded Carousel - Loading Carousel via JavaScript (client side load) with the size constrained.
    • No Animation - Carousel configured for no animation.
    • Managing Items - Inserting items, clearing and reload items in the list.

Compatibility

The Carousel component has been tested and works on these browsers:
  • IE 7/PC
  • IE 6/PC
  • Firefox 1.5.0.5/Mac
  • Firefox 1.5.0.5/PC
  • Firefox 2.0/PC
  • Firefox 2.0/Mac
  • Camino 1.0/Mac
  • Safari 2.0.4/Mac. One known issue: In vertical orientation the width is not correct.
  • Opera 9.0/PC
  • Opera 9.0/Mac
 
 
자세한건 링크1/2를 참고 하세요
 
야후 UI Library 필수 입니다. 야후 UI에도 쓸만한게 많네요
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

김낙향
프로필 보기이 회원 글보기
 18년 전
이런 움직임을 회전목마 라고 표현하는군요;
네이버에서 제공하는 http://html.nhndesign.com/Dev/js/framMoving/frameMove.html 소스도 괜찮습니다.
네이버쪽이 움직임이 더 부드러워 보이네요.
친절한서기
프로필 보기이 회원 글보기
 18년 전
움직임은 부드럽게 조절 가능합니다. 예제를 보시면 아시겠지만 다양한 응용이 가능하죠
goodfeel
프로필 보기이 회원 글보기
 18년 전
YUI에 추가되어 사용해야 됩니다.

스크립트 경로와 css경로만 잘 맞춰 주면 될것 같네요

===> 대충 무슨 말인지 설명좀 해주세묘...ㅋㅋ 넘 무지해서 죄송

게시글 목록

번호 제목
24900
계약서 업무제휴계약서_인터넷
24899
업무계획서_영업
24898
양해각서_계약
24897
시말서_노무
24896
견적서 수의계약 견적서_공사관리
24895
송장_무역
24894
손해배상합의서_민사법률
24893
세금계산서_부가가치세
24892
사직원_기업일반
24891
사직서_기업일반
24890
사유서_총무
24889
사용인감계_영업
24888
사업계획서_창업
24887
사업계획서 작성요령_창업
24886
사업계획서2_창업
11687
JavaScript 일러스트 미리보기 툴을 찾으시는 분들께.. 4
24885
계약서 부동산 매매계약서
24884
발주서_기업일반
24883
물품인수증_기업일반
24882
계약서 물품매매계약서_계약
24881
계약서 물품구매 표준계약서_구매
24879
물품관리및출납표_구매 1
24878
문서발송대장_인사
24877
견적서 무역 영문견적서_회사
24875
기획서 마케팅 기획서_기업일반 1
24874
계약서 동업계약서샘플_일반계약
24873
계약서 대리점 계약서_일반계약
24872
내용증명-부동산매매계약해지_부동산
24871
기획일보_기타
11683
기타 홈피가 않열립니다.(fedora5로 셋팅) 3
11662
Flash 그누보드용 플래시 최근게시물 20
11659
기타 인물 사진 보정하기 2
29136
HTML 레이어의 중심점 찾기, 작업문서의 중심점 찾기 1
11647
JavaScript 왼쪽에 달면 좋을만한 소스 11
11644
기타 사진가장 자리를 말아 올린 효과.. 2
11641
JavaScript 최적의 해상도 설정법 2
11634
기타 Adobe bridge CS3에서... 6
11632
Flash Flash CS3 에서의 인스턴스네이밍 문제... 1
29135
HTML 부모 id class를 적용하여 같은 이름의 class에 다른 스타일 부여.
11631
JavaScript 1px 라인 css와 2개이상 class 적용.
11628
기타 사각 마퀴 툴에서 원형 마퀴 툴을 단축키로 바꾸게 하기 2
24870
기안서_기안용지_총무
24869
계약서 기술제휴계약서_영업
24868
급여명세서대장_총무
24867
급여명세서_기업일반
24866
급여대장_총무
24865
계약서 근로계약서_기업일반
24864
계약서 공증 채무승인계약서_채권
24863
공문_행정
24862
계약서 고용계약서_총무
24861
고발고소장_민원
24860
계약서 계약서_부동산
11627
기타 vim 환경설정 .vimrc
24859
경력증명원_인사
24858
경력증명서_기업일반
24856
견적서 견적서_일반기업 1
24855
계약서 건설공사 하도급 계약서_건설업법
24854
거래약정서_일반계약용입니다
24853
거래명세표입니다
24852
각서_부동산용입니다
29130
HTML 퀵마스크의 활용 예제 4
11625
JavaScript 익스플로러7 팝업창의 주소창 없애기 1
11622
기타 요즘 많이 쓰이는 텍스쳐들.. 골드 텍스쳐 2
11617
기타 깨진 스틸질감 블록 만들기.. 4
11604
기타 300 DPI로 화면캡쳐 하기 12
11596
기타 반짝이는 버튼 만들기 7
11591
기타 그라이언트설정으로 금속재질 문자 만들기 4
11586
기타 포토샵 강좌ː눈물을 그려넣어보자 4
29128
HTML 외부필터 설치하기 1
11583
기타 포토샵 CS단축키.. PDF파일입니다. 2
11579
기타 [펌] Apache의 P3P 관련 헤더 설정 3
11578
PHP PHP Eclipse - apm에서debugger까지 한방에
11574
MySQL MySQL 한글 매뉴얼 3
11566
Flash swf파일에 링크 걸려면?? 7
11565
Flash [질문]exe파일로 된 플래시 파일 웹에 올리는 법 아시는 분~~
11562
JavaScript levels, Curves, Hue/Saturation..등 이전에 사용된 설정값 그대로 사용하기 2
11561
MySQL PHP 5.2.0 설치시 MySQL 문제
29125
HTML 움직이는 사진에 효과 넣을때 2
11558
기타 필름효과내기 2
11556
JavaScript 한글폰트가 안 보일때... 1
11533
Flash 국내지도 소스입니다. 22
11529
JavaScript 회전목마 - 스크롤링 소스 3 현재글
29118
HTML 포토샵 효과 모음2 6
11526
기타 포토샵 효과 모음 2
11519
JavaScript [팁] 물방울 효과2 6
29115
HTML [팁] 물방울 효과 2
11518
MySQL official 64bit mysql
11516
PHP 64비트 php - unofficial 1
11515
기타 서버내 일정 용량 넘는 파일 찾아내기
11509
JavaScript CS2에서 포토샵 PSD파일과 일러스트 AI파일 미리보기 기능 5
11508
기타 Javascript 사전입니다.
29112
HTML HTML 사전입니다. 2
11496
기타 PHP 사전입니다. 11
29109
HTML 링크 걸린 문자와 이미지에 점선 테두리 생기는 것 2
29106
HTML 하루동안만 안열리는 새창 만드는소스 2
11495
PHP $_FILES['user_file']['error']에 대한 에러코드
11488
JavaScript Ajax가 뭐죠? 6
11486
기타 사이트를 utf8으로 열기 1
11483
기타 PHP Debugger for dreamweaver 2
11471
기타 CSS 레이아웃 기초 - 완성형 예제 11
이전 다음
전체 목록