회전목마 - 스크롤링 소스
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 소스도 괜찮습니다.
네이버쪽이 움직임이 더 부드러워 보이네요.
네이버에서 제공하는 http://html.nhndesign.com/Dev/js/framMoving/frameMove.html 소스도 괜찮습니다.
네이버쪽이 움직임이 더 부드러워 보이네요.
친절한서기
18년 전
움직임은 부드럽게 조절 가능합니다. 예제를 보시면 아시겠지만 다양한 응용이 가능하죠
goodfeel
18년 전
YUI에 추가되어 사용해야 됩니다.
스크립트 경로와 css경로만 잘 맞춰 주면 될것 같네요
===> 대충 무슨 말인지 설명좀 해주세묘...ㅋㅋ 넘 무지해서 죄송
스크립트 경로와 css경로만 잘 맞춰 주면 될것 같네요
===> 대충 무슨 말인지 설명좀 해주세묘...ㅋㅋ 넘 무지해서 죄송
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 8130 | 9년 전 | 465 | ||
| 8129 |
 Angelos |
9년 전 | 626 | |
| 8128 | 9년 전 | 501 | ||
| 8127 |
Angelos |
9년 전 | 563 | |
| 8126 | 9년 전 | 492 | ||
| 8125 | 9년 전 | 749 | ||
| 8124 |
Angelos |
9년 전 | 480 | |
| 8123 | 9년 전 | 469 | ||
| 8122 | 9년 전 | 406 | ||
| 8121 | 9년 전 | 514 | ||
| 8120 | 9년 전 | 445 | ||
| 8119 | 9년 전 | 523 | ||
| 8118 |
Angelos |
9년 전 | 613 | |
| 8117 |
 뜨거운형제들 |
9년 전 | 382 | |
| 8116 |
PASKRAN
|
9년 전 | 451 | |
| 8115 | 9년 전 | 443 | ||
| 8114 |
kiplayer
|
9년 전 | 585 | |
| 8113 | 9년 전 | 418 | ||
| 8112 |
Angelos |
9년 전 | 533 | |
| 8111 | 9년 전 | 388 | ||
| 8110 | 9년 전 | 426 | ||
| 8109 | 9년 전 | 334 | ||
| 8108 |
Angelos |
9년 전 | 526 | |
| 8107 |
Angelos |
9년 전 | 414 | |
| 8106 |
Angelos |
9년 전 | 409 | |
| 8105 | 9년 전 | 456 | ||
| 8104 |
Angelos |
9년 전 | 409 | |
| 8103 |
Angelos |
9년 전 | 409 | |
| 8102 |
Angelos |
9년 전 | 366 | |
| 8101 |
snshero
|
9년 전 | 751 | |
| 8100 | 9년 전 | 817 | ||
| 8099 | 9년 전 | 784 | ||
| 8098 | 9년 전 | 693 | ||
| 8097 | 9년 전 | 482 | ||
| 8096 | 9년 전 | 684 | ||
| 8095 | 9년 전 | 804 | ||
| 8094 | 9년 전 | 482 | ||
| 8093 | 9년 전 | 778 | ||
| 8092 | 9년 전 | 739 | ||
| 8091 | 9년 전 | 1129 | ||
| 8090 | 9년 전 | 740 | ||
| 8089 | 9년 전 | 943 | ||
| 8088 | 9년 전 | 616 | ||
| 8087 | 9년 전 | 723 | ||
| 8086 | 9년 전 | 494 | ||
| 8085 | 9년 전 | 459 | ||
| 8084 | 9년 전 | 601 | ||
| 8083 | 9년 전 | 569 | ||
| 8082 | 9년 전 | 738 | ||
| 8081 | 9년 전 | 449 | ||
| 8080 | 9년 전 | 533 | ||
| 8079 | 9년 전 | 490 | ||
| 8078 | 9년 전 | 422 | ||
| 8077 | 9년 전 | 497 | ||
| 8076 | 9년 전 | 384 | ||
| 8075 | 9년 전 | 400 | ||
| 8074 | 9년 전 | 369 | ||
| 8073 | 9년 전 | 418 | ||
| 8072 | 9년 전 | 408 | ||
| 8071 |
o1o111
|
9년 전 | 856 | |
| 8070 | 9년 전 | 376 | ||
| 8069 | 9년 전 | 303 | ||
| 8068 | 9년 전 | 568 | ||
| 8067 | 9년 전 | 374 | ||
| 8066 | 9년 전 | 403 | ||
| 8065 | 9년 전 | 353 | ||
| 8064 | 9년 전 | 334 | ||
| 8063 | 9년 전 | 295 | ||
| 8062 | 9년 전 | 287 | ||
| 8061 | 9년 전 | 334 | ||
| 8060 | 9년 전 | 353 | ||
| 8059 | 9년 전 | 289 | ||
| 8058 | 9년 전 | 227 | ||
| 8057 | 9년 전 | 355 | ||
| 8056 | 9년 전 | 285 | ||
| 8055 | 9년 전 | 315 | ||
| 8054 | 9년 전 | 332 | ||
| 8053 | 9년 전 | 373 | ||
| 8052 | 9년 전 | 260 | ||
| 8051 | 9년 전 | 304 | ||
| 8050 | 9년 전 | 370 | ||
| 8049 | 9년 전 | 294 | ||
| 8048 | 9년 전 | 404 | ||
| 8047 | 9년 전 | 336 | ||
| 8046 | 9년 전 | 263 | ||
| 8045 | 9년 전 | 238 | ||
| 8044 | 9년 전 | 301 | ||
| 8043 | 9년 전 | 247 | ||
| 8042 | 9년 전 | 269 | ||
| 8041 | 9년 전 | 308 | ||
| 8040 | 9년 전 | 239 | ||
| 8039 | 9년 전 | 299 | ||
| 8038 | 9년 전 | 251 | ||
| 8037 | 9년 전 | 365 | ||
| 8036 | 9년 전 | 452 | ||
| 8035 | 9년 전 | 403 | ||
| 8034 | 9년 전 | 366 | ||
| 8033 | 9년 전 | 321 | ||
| 8032 | 9년 전 | 374 | ||
| 8031 | 9년 전 | 311 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기