회전목마 - 스크롤링 소스 > script

본문 바로가기
사이트 내 전체검색

script

회전목마 - 스크롤링 소스

페이지 정보

작성자 서방님 댓글 0건 조회 266회 작성일 07-08-10 17:12

본문

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에도 쓸만한게 많네요



http://billwscott.com/carousel/

http://developer.yahoo.com/yui/



네이버에서 제공하는 http://html.nhndesign.com/Dev/js/framMoving/frameMove.html 소스도 괜찮습니다.
네이버쪽이 움직임이 더 부드러워 보이네요.

댓글목록

등록된 댓글이 없습니다.

Total 846건 33 페이지
게시물 검색

회원로그인

접속자집계

오늘
268
어제
617
최대
1,347
전체
173,416
Latest Crypto Fear & Greed Index

그누보드5
Copyright © 서방님.kr All rights reserved.