特定のスライドだけ長く止める方法

質問

jquery.cycle（http://jquery.malsup.com/cycle/）を使用してiframeのスライドショーを
作成しました。

切り替えの際に、3秒間隔⇒3秒間隔⇒10秒間隔⇒3秒間隔というように
特定のスライド箇所のみで長く止めたいです。ループして戻ってきた時も含めてです。

こうした処理をするにはどうすれば良いでしょうか。
上記のライブラリじゃなくてもかまいません。
何か方法はないでしょうか。

回答No.2

medal · ベストアンサー

ご使用のjQuery Cycle Plugin のサイトに
多分そのものズバリのサンプルがありますよ。

・This page shows how to control the timeout value on a per-slide basis.
http://jquery.malsup.com/cycle/timeout2.html

お礼

完璧です！
ありがとうございました！

回答No.1

nekomikekamo

timeoutFnオプションを使用すれば可能でしょうか？
timeoutFnに関数を割り当て、次の画像のtimeout時間を整数で返すようにします。

var index = 1;
$('.slideshow').cycle({
fx: 'fade',
timeout: 1000,
timeoutFn: function(img1,img2,opts){
var t = 1000;
if(index % 3 === 0){
t = 4000;
}else{
t = 1000;
}

index += 1;
return t;
}
});

お礼

ご回答ありがとうございます。
出来そうな感じですが、別回答者様の方法を使用いたしました。