我的页面上有两件事：
一个大图像,一个包含3或4个小缩略图的div

单击缩略图时,它会读入src并将主图像源更改为新图像.

我如何让它淡入一个而另一个淡出(所以它在新图像淡入之前没有任何结果)

继承我的代码：

$('.TnImage').live('click',function() {
        var newImage = $(this).attr('src');
        var oldImage = $('.mainImage').attr('src')
        $('.mainImage').fadeOut('slow');
        $('.mainImage').attr('src',newImagE).fadeIn('slow');
    });

只是为了澄清为什么我不想使用现有的插件,是大多数要求你知道要加载的图像列表,通过PHP从MysqL数据库中恢复缩略图,我宁愿不必须为缩略图制作2个列表,为主要图像制作1个列表,然后隐藏除了一个主要div以外的所有图像.

我看过一个循环插件,但我最好不要使用它,我知道人们一直在继续关于不重新发明轮子,但如果我继续使用插件来做东西,我永远不会去学习坚果和jquery如何工作的螺栓.我以前使用优秀的IMAGESWITCH,但不能使用jquery 1.4.3,我需要这个版本的html数据(),所以通过以前解决这个问题,我现在卡住了,为什么我要问这样做的方法不使用插件.

解决方法

$('.TnImage').live('click',function() {
    $('.SELEcted').fadeOut(500,function(){
        $(this).removeClass('SELEcted');
    });
    $('#'+$(this).attr('imgidref')).delay(250).fadeIn('slow').addClass('SELEcted');
});