第3回　トップページを彩るスライドショーã®ãƒã‚¤ãƒ³ãƒˆ | gihyo.jpãã®ä»–ã€speedã‚„timeoutã€pause（0：マウスオーãƒæ™‚ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ストップã—ãªã„ã€1：マウスオーãƒæ™‚ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ストップã™ã‚‹ï¼‰ãªã©ã§ç´°ã‹ãå‹•ãを指定ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ãã®ã»ã‹ã«ã‚‚指定å¯èƒ½ãªã‚ªãƒ—ションã¯ãŸãã•ã‚“ã‚ã‚Šã€ã€Œâ jQuery Cycle Plugin - Option Referenceã€ã§ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ スライドã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ãƒŠãƒ“ゲーションを指定ã™ã‚‹ 次ã«ã€bodyタグ内ã®XHTMLソースを見ã¦ã„ãã¾ã™ã€‚ XHTMLソース（bodyタグ内） <div id="slider"> <div id="slideshow"> <div class="slider-item"> <div class="text_item"> <h2>Wonderful elephants<br /> living abroad.</h2> <p>フェードイン&アウトã™ã‚‹ã‚·ãƒ³
[JS]動作ãŒè»½å¿«ãªãƒ‘ãƒãƒ«ã‚’水平・垂直ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Easy Slider
[JS]二ã¤ã®ãƒ‘ãƒãƒ«ã‚’ダイナミックã«ãšã‚‰ã—ã¦è¡¨ç¤ºã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダー -dualSlider
スライダーã€ãƒ„ールãƒãƒƒãƒ—ã®ä»–多種多様ãªæ©Ÿèƒ½ãŒè©°ã¾ã£ãŸjQueryベースã®UIã‚ット「jKitã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}