jQueryのスライドショーのページナビによくある移動するactiveというクラス名。これにアニメーション付けたいんですが、うまく行かなくて困ってます。
.activeになったら動いて取れたら戻る。
例えばbxsliderのexample4。サムネイルのクラスにactiveがあります。
http://zxcvbnmnbvcxz.com/demonstration/slide_in_slide.html
$(function(){
$(’#bx-pager a.active’).animate({opacity: 0.4});
});
これだけだと最初の1個目がアニメーションしてその後は変化なし。
みんなの回答 2 件
後付けするからさ。
JSじゃなくCSSで設定すりゃいい。
そのサンプルだと、jquery.bxslider.jsの1001行目に
$(’.bx-pager-item’).not(’.active’).find(’img’).stop().animate({opacity: ’1’});
$(’.active’).find(’img’).stop().animate({opacity: ’0.4’});
追加。
物凄い雑だけど、これでなるんじゃね?
ってかスライダーくらい自分で作りたまえ
関連するトピックス