jQuery Cycle Pluginのサンプル
【サンプル1】

【サンプル2】

【サンプル3】ナビ付き

【サンプル4】

【サンプル5】

【サンプル6】
【サンプル7】

【サンプル8】

【サンプル9】

【サンプル10】

【サンプル11】

【サンプル12】(クリックして画像が変わります)



オプション名 初期値 説明
fx fade 効果の変更を行います。
効果の一覧はこちらをご覧ください。
timeout 4000 次の画像に切り替わるまでの時間です。
ミリ秒で指定します。0を指定すると無効になります。
timeoutFn null
continuous 0 切り替わる時間を無視し、次の画像に切り替えます。1にすることにより有効になります。
speed 1000 切り替え効果の速度を変更します。
ミリ秒で指定します。
speedIn null インする切り替え効果の速度を変更します。
ミリ秒で指定します。
speedOut null アウトする切り替え効果の速度を変更します。
ミリ秒で指定します。
next null 次の画像に移動するボタンを設定します。オプションの「timeout」を0に設定した状態で指定します。また、指定する値は要素名(idおよびclass付でもOK)を指定します。
prev null 前の画像に移動するボタンを設定します。オプションの「timeout」を0に設定した状態で指定します。また、指定する値は要素名(idおよびclass付でもOK)を指定します。
pager null ページャー機能を出力する要素名やID名、class名の指定をします。デフォルトでは数値のナビゲーションが出力されます。
pagerEvent click ページャー機能で画像を切り替える時のマウスアクション(トリガー)を指定します。clickやmouseoverなどが指定でき、デフォルトはclickが指定されています。
pagerAnchorBuilder null ページャー機能のユーザー定義関数です。詳しくはこちらをご覧ください。
pauseOnPagerHover 0 ページャーにマウスカーソルをのせた場合に停止するかの設定を行います。trueを設定することにより有効になります。
startingSlide 0 最初に表示する画像を設定します。
開始する画像ではないので注意してください。
0からの番号を指定します。
(2を設定した場合、3枚目の画像を最初に表示します。)
random 0 ランダム再生を行います。1にすることにより有効になります。
pause 0 画像にマウスをのせるとスライドが停止します。1にすることにより有効になります。
autostop 0 スライドが終端に到達した際の繰り返しを停止します。
autostopCount 0 スライドを何回繰り返すかの指定をします。
delay 0 最初のスライド効果が始まるまでの時間を指定します。
ミリ秒で指定します。