회전목마 - 스크롤링 소스
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경로만 잘 맞춰 주면 될것 같네요
===> 대충 무슨 말인지 설명좀 해주세묘...ㅋㅋ 넘 무지해서 죄송
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 530 |
 Elbis |
19년 전 | 1228 | |
| 529 |
Elbis |
19년 전 | 1409 | |
| 528 |
Elbis |
19년 전 | 1976 | |
| 527 |
사랑과우정
|
19년 전 | 2385 | |
| 526 | 19년 전 | 2869 | ||
| 525 |
 ⓦangcho |
19년 전 | 2291 | |
| 524 |
 damoa.biz |
19년 전 | 1796 | |
| 523 | 19년 전 | 7033 | ||
| 522 |
ⓦangcho |
19년 전 | 3726 | |
| 521 | 19년 전 | 2333 | ||
| 520 | 19년 전 | 2370 | ||
| 519 | 19년 전 | 2862 | ||
| 518 |
 jepae |
19년 전 | 5776 | |
| 517 |
jepae |
19년 전 | 5549 | |
| 516 |
jepae |
19년 전 | 2254 | |
| 515 |
jepae |
19년 전 | 3290 | |
| 514 | 19년 전 | 2862 | ||
| 513 | 19년 전 | 2215 | ||
| 512 |
개발자관리자
|
19년 전 | 2726 | |
| 511 |
개발자관리자
|
19년 전 | 1581 | |
| 510 |
개발자관리자
|
19년 전 | 1738 | |
| 509 |
개발자관리자
|
19년 전 | 1833 | |
| 508 |
개발자관리자
|
19년 전 | 2005 | |
| 507 |
개발자관리자
|
19년 전 | 1683 | |
| 506 |
개발자관리자
|
19년 전 | 1803 | |
| 505 |
개발자관리자
|
19년 전 | 1771 | |
| 504 |
개발자관리자
|
19년 전 | 1849 | |
| 503 |
개발자관리자
|
19년 전 | 1521 | |
| 502 |
개발자관리자
|
19년 전 | 2647 | |
| 501 | 19년 전 | 1987 | ||
| 500 | 19년 전 | 3235 | ||
| 499 | 19년 전 | 3261 | ||
| 498 | 19년 전 | 2520 | ||
| 497 | 19년 전 | 2599 | ||
| 496 | 19년 전 | 2439 | ||
| 495 | 19년 전 | 2696 | ||
| 494 | 19년 전 | 2676 | ||
| 493 | 19년 전 | 3172 | ||
| 492 | 19년 전 | 2882 | ||
| 491 | 19년 전 | 5299 | ||
| 490 |
Wangcho |
19년 전 | 2120 | |
| 489 |
Wangcho |
19년 전 | 2207 | |
| 488 |
Wangcho |
19년 전 | 2006 | |
| 487 |
Wangcho |
19년 전 | 1939 | |
| 486 |
Wangcho |
19년 전 | 1936 | |
| 485 |
Wangcho |
19년 전 | 2135 | |
| 484 |
뜨락의이름 |
19년 전 | 3206 | |
| 483 |
뜨락의이름 |
19년 전 | 3088 | |
| 482 |
뜨락의이름 |
19년 전 | 2850 | |
| 481 |
뜨락의이름 |
19년 전 | 2540 | |
| 480 |
뜨락의이름 |
19년 전 | 2627 | |
| 479 |
뜨락의이름 |
19년 전 | 2294 | |
| 478 |
뜨락의이름 |
19년 전 | 2325 | |
| 477 |
개발자관리자
|
19년 전 | 1585 | |
| 476 |
개발자관리자
|
19년 전 | 2307 | |
| 475 |
개발자관리자
|
19년 전 | 2655 | |
| 474 |
개발자관리자
|
19년 전 | 2652 | |
| 473 |
개발자관리자
|
19년 전 | 2965 | |
| 472 | 19년 전 | 2730 | ||
| 471 | 19년 전 | 1722 | ||
| 470 | 19년 전 | 1822 | ||
| 469 |
뜨락의이름 |
19년 전 | 2723 | |
| 468 |
jepae |
19년 전 | 2216 | |
| 467 |
뜨락의이름 |
19년 전 | 3992 | |
| 466 |
뜨락의이름 |
19년 전 | 2503 | |
| 465 | 19년 전 | 2374 | ||
| 464 | 19년 전 | 3522 | ||
| 463 |
뜨락의이름 |
19년 전 | 3097 | |
| 462 |
뜨락의이름 |
19년 전 | 2238 | |
| 461 |
뜨락의이름 |
19년 전 | 3030 | |
| 460 |
뜨락의이름 |
19년 전 | 2237 | |
| 459 |
뜨락의이름 |
19년 전 | 3094 | |
| 458 |
뜨락의이름 |
19년 전 | 3521 | |
| 457 |
뜨락의이름 |
19년 전 | 5210 | |
| 456 |
뜨락의이름 |
19년 전 | 3129 | |
| 455 |
스마일미디어
|
19년 전 | 3126 | |
| 454 |
스마일미디어
|
19년 전 | 2716 | |
| 453 |
스마일미디어
|
19년 전 | 2459 | |
| 452 |
스마일미디어
|
19년 전 | 2716 | |
| 451 |
스마일미디어
|
19년 전 | 2439 | |
| 450 |
스마일미디어
|
19년 전 | 2556 | |
| 449 |
스마일미디어
|
19년 전 | 2360 | |
| 448 |
스마일미디어
|
19년 전 | 2690 | |
| 447 | 19년 전 | 2959 | ||
| 446 |
스마일미디어
|
19년 전 | 3241 | |
| 445 |
스마일미디어
|
19년 전 | 7048 | |
| 444 |
스마일미디어
|
19년 전 | 5166 | |
| 443 |
스마일미디어
|
19년 전 | 2422 | |
| 442 |
스마일미디어
|
19년 전 | 5155 | |
| 441 |
스마일미디어
|
19년 전 | 3096 | |
| 440 |
damoa.biz |
19년 전 | 2454 | |
| 439 | 19년 전 | 2151 | ||
| 438 | 19년 전 | 3564 | ||
| 437 |
 imgstory |
19년 전 | 2868 | |
| 436 |
 cunic |
19년 전 | 3247 | |
| 435 |
cunic |
19년 전 | 2882 | |
| 434 | 19년 전 | 3379 | ||
| 433 |
sjsjin
|
19년 전 | 2707 | |
| 432 |
sjsjin
|
19년 전 | 3453 | |
| 431 |
sjsjin
|
19년 전 | 2414 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기