滑动图像而不是淡入

Question

我制作了一个简单的图片库，图片在点击拇指图像时淡入淡出。 我想要改变的是，当点击拇指图像时，请求的图库图像不会淡入但向左/右滑动。

http://jsfiddle.net/TfEn4/

$('.fotos').not(':first').hide();
$('.info').not(':first').hide();

$('.gal-links ul li a').click(function() {
    var activeLink = $(this).attr('href');
    $('.info').hide();
    $('.gal-links ul li a').removeClass('active');
    $(this).addClass('active');
    $('.fotos').hide();
    $(activeLink).fadeIn('slow');
    $('.info').fadeIn('slow');
    return false;
});

我应该如何更改我的代码？动画和定位是正确的方法吗？

Answer 1

使用Jquery UI的slide effect或对width属性使用animate（）方法

$(activeLink).toggle( "slide" );

以下是幻灯片效果的fiddle。

使用animate方法可以这样做

$(activeLink).show('slide', {direction: 'right'}, 1000);

并隐藏

$(activeLink).hide('slide', {direction: 'left'}, 1000);