Javascript/JQuery：具有超大图像的图库。我怎样才能点击淡出，加载下一张图片，然后淡入新图片？ 我的老板让我在一个网站上工作，基本上中间有一个很大的画廊。 这一部分的工作方式是，用户单击next/prev按钮，图像淡出，显示正在加载的旋转图像gif，然后在下载时淡入新图像。我甚至不知道从哪里开始

我对jquery有点了解，但我对实际的javascript非常陌生。我手边唯一的参考书是1997年《傻瓜Javascript》。这对我有什么用吗？或者Javascript从那以后有什么变化吗？

图像库有很多jQuery插件：、和

---

或者您可以从中搜索。

请获取一本更新的书，或者将网络作为资源，获取任何信息。从1997年开始，这将是可怕的过时

这是我以前向初学者推荐的一个非常简单的站点： 不，它并没有涵盖所有内容，但这就是它的优点，你可以记下一些关键的东西，然后可以在谷歌上搜索更具体的东西

首先，我会做一些如下的事情：

$(document).ready(function() {
    $('#nextBtn').click(function() {
        transitionToNextImage ();
    });
});
transitionToNextImage = function() {
    $('img.active-image').fadeTo(1000,0), function() {
        // fade out complete.
        $('#inProgressGif').show();
        getNextImage();
    });
};
getNextImage = function() {
    // make ajax call to get new image, and
    // in the success callback of the ajax call, 
    // remove the inProgressGif, and
    // add the image ot the DOM with opacity 0,
    // then slowly fade it in to opacity 1 (opposite
    // of what was done above
};