회전목마 - 스크롤링 소스
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경로만 잘 맞춰 주면 될것 같네요
===> 대충 무슨 말인지 설명좀 해주세묘...ㅋㅋ 넘 무지해서 죄송
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1330 | 18년 전 | 1485 | ||
| 1329 | 18년 전 | 1716 | ||
| 1328 | 18년 전 | 998 | ||
| 1327 | 18년 전 | 1410 | ||
| 1326 | 18년 전 | 2256 | ||
| 1325 | 18년 전 | 1141 | ||
| 1324 | 18년 전 | 1303 | ||
| 1323 | 18년 전 | 1566 | ||
| 1322 | 18년 전 | 1175 | ||
| 1321 | 18년 전 | 965 | ||
| 1320 | 18년 전 | 1188 | ||
| 1319 | 18년 전 | 1521 | ||
| 1318 | 18년 전 | 1647 | ||
| 1317 | 18년 전 | 1598 | ||
| 1316 | 18년 전 | 1209 | ||
| 1315 |
 뜨락의이름 |
18년 전 | 8600 | |
| 1314 | 18년 전 | 1906 | ||
| 1313 | 18년 전 | 1494 | ||
| 1312 | 18년 전 | 1484 | ||
| 1311 | 18년 전 | 1779 | ||
| 1310 | 18년 전 | 1832 | ||
| 1309 | 18년 전 | 1220 | ||
| 1308 | 18년 전 | 980 | ||
| 1307 | 18년 전 | 2757 | ||
| 1306 | 18년 전 | 3107 | ||
| 1305 | 18년 전 | 2167 | ||
| 1304 | 18년 전 | 1555 | ||
| 1303 | 18년 전 | 1414 | ||
| 1302 | 18년 전 | 880 | ||
| 1301 | 18년 전 | 1773 | ||
| 1300 | 18년 전 | 5137 | ||
| 1299 | 18년 전 | 2854 | ||
| 1298 |
mixdesign
|
18년 전 | 2104 | |
| 1297 | 18년 전 | 3078 | ||
| 1296 | 18년 전 | 2541 | ||
| 1295 | 18년 전 | 2235 | ||
| 1294 |
onweb
|
18년 전 | 4557 | |
| 1293 |
onweb
|
18년 전 | 3489 | |
| 1292 | 18년 전 | 3453 | ||
| 1291 | 18년 전 | 4038 | ||
| 1290 | 18년 전 | 1905 | ||
| 1289 | 18년 전 | 1757 | ||
| 1288 | 18년 전 | 1727 | ||
| 1287 | 18년 전 | 1425 | ||
| 1286 | 18년 전 | 1264 | ||
| 1285 | 18년 전 | 1156 | ||
| 1284 | 18년 전 | 1159 | ||
| 1283 | 18년 전 | 1512 | ||
| 1282 | 18년 전 | 908 | ||
| 1281 | 18년 전 | 1270 | ||
| 1280 | 18년 전 | 1123 | ||
| 1279 | 18년 전 | 1141 | ||
| 1278 | 18년 전 | 3024 | ||
| 1277 | 18년 전 | 947 | ||
| 1276 | 18년 전 | 1155 | ||
| 1275 | 18년 전 | 2095 | ||
| 1274 | 18년 전 | 2225 | ||
| 1273 | 18년 전 | 1320 | ||
| 1272 | 18년 전 | 1907 | ||
| 1271 | 18년 전 | 1160 | ||
| 1270 | 18년 전 | 2491 | ||
| 1269 | 18년 전 | 6596 | ||
| 1268 |
페이지팩트
|
18년 전 | 3820 | |
| 1267 |
페이지팩트
|
18년 전 | 2226 | |
| 1266 |
뜨락의이름 |
18년 전 | 6294 | |
| 1265 | 18년 전 | 2572 | ||
| 1264 | 18년 전 | 2617 | ||
| 1263 | 18년 전 | 2122 | ||
| 1262 | 18년 전 | 2117 | ||
| 1261 |
페이지팩트
|
18년 전 | 2122 | |
| 1260 | 18년 전 | 3884 | ||
| 1259 |
 hanpedro |
18년 전 | 3935 | |
| 1258 |
 PhotoFly |
18년 전 | 5036 | |
| 1257 | 18년 전 | 4134 | ||
| 1256 | 18년 전 | 2574 | ||
| 1255 | 18년 전 | 1807 | ||
| 1254 | 18년 전 | 2781 | ||
| 1253 | 18년 전 | 2714 | ||
| 1252 | 18년 전 | 2237 | ||
| 1251 | 18년 전 | 5414 | ||
| 1250 |
jbsstyle
|
18년 전 | 4761 | |
| 1249 |
 친절한서기 |
18년 전 | 3769 | |
| 1248 | 18년 전 | 3451 | ||
| 1247 | 18년 전 | 2137 | ||
| 1246 | 18년 전 | 2136 | ||
| 1245 | 18년 전 | 3638 | ||
| 1244 |
hanpedro |
18년 전 | 2278 | |
| 1243 |
hanpedro |
18년 전 | 2493 | |
| 1242 | 18년 전 | 1764 | ||
| 1241 | 18년 전 | 4463 | ||
| 1240 | 18년 전 | 2152 | ||
| 1239 | 18년 전 | 2300 | ||
| 1238 | 18년 전 | 4039 | ||
| 1237 |
hwatta
|
18년 전 | 3892 | |
| 1236 | 18년 전 | 2117 | ||
| 1235 | 18년 전 | 2764 | ||
| 1234 | 18년 전 | 5144 | ||
| 1233 | 18년 전 | 2407 | ||
| 1232 |
hanpedro |
18년 전 | 2948 | |
| 1231 | 18년 전 | 8500 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기