簡単なコードでスライドショー@jQuery Cycle Plugin
とってもよく使うスライドショー
とっても簡単で、とっても機能豊富なのがjQuery Cycle Pluginです!
アルファシス ? alphasis.info – さんでとても詳しく説明されていますが、
基本形の
jQuery( function() {
jQuery( ‘#jquery-cycle’ ) .cycle();
} );
に、オプションの動作を加えるだけで、動きもだけれど、nextボタンもつけれたりします
jQuery( function() {
jQuery( ‘#slider’ ) .cycle( {
fx: ‘fade’,
sync: 1,
next: ‘#jquery-cycle-next’
} );
} );
↑こんな感じで
もちろんnextボタンなど、cssで自由に配置できます