簡単なコードでスライドショー@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で自由に配置できます