私は現在、ページを左右にスクロールさせる左右のボタンの画像にリンクされているこのコードを持っています。
jQuery('.go-right').click(function() {
jQuery(".thumbs").stop().animate({left:'-'+(parseFloat(jQuery(".thumbs").width())-parseFloat(jQuery(window).width()))+'px'},{queue:false,duration:300});
jQuery(this).fadeTo('slow', 0.20);
jQuery('.go-left').show();
jQuery('img.go-left').fadeTo('slow', 1.0);
return false;
});
jQuery('.go-left').click(function() {
jQuery(".thumbs").stop().animate({left:'0'},{queue:false,duration:300});
jQuery(this).fadeTo('slow', 0.20);
jQuery('.go-right').show();
jQuery('img.go-right').fadeTo('slow', 1.0);
return false;
});
そして、上下ボタンへのリンクに似たものを使いたいのですが、うまくいきません。これまでのところ、これが私が持っているものです。どんな提案でも大歓迎です!
'go-down'のロジックにより、ページが上に移動するようです(ただし、クリックしてもフェードインおよびフェードアウトしません)。'go-up'は何もしません(クリックしてもフェードインおよびフェードアウトします)。
jQuery('.go-down').click(function() {
jQuery(".thumbs").stop().animate({scrollTop: $elem.height()}, 800);
jQuery(this).fadeTo('slow', 0.20);
jQuery('.go-down').show();
jQuery('img.go-down').fadeTo('slow', 1.0);
return false;
});
jQuery('.go-up').click(function() {
jQuery(".thumbs").stop().animate({scrollTop: 0});
jQuery(this).fadeTo('slow', 0.20);
jQuery('.go-up').show();
jQuery('img.go-up').fadeTo('slow', 1.0);
return false;
});