0

我使用 SetInterval jquery 函数添加了几张图像的幻灯片。图像源存储在一个数组中，每个图像的显示时间间隔也存储在一个数组中。代码正在运行，但我想添加每个具有持续时间和不透明度的图像的淡入淡出和淡入淡出，如何完成。使用的代码是

  //timearray- is array storing time for each image
  //imagearray- is array storing each image source
  //image_div-is div tag in which images are displayed
  // total 5 images -so used count inside setInterval

function imageshow() {
    var imgfade = setInterval(function () {
        $("#img_div").css("background", "url('" + imagearray[count] + "')");
        clearInterval(imgfade);
        if (count < 4) {
            count++;
        } else {
            count = 0;
        };
        imageshow()
    }, timearray[count]);
}

imageshow();

我需要为每个图像使用淡入淡出和淡入淡出。

4

3 回答 3

0

你不能只使用，我想你也可以设置动画、持续时间和不透明度。

http://api.jquery.com/fadeIn/和http://api.jquery.com/fadeOut/

于 2013-01-31T05:28:30.133 回答
0

假设您想在淡入下一张图像之前淡出当前图像，请替换此行：

$("#img_div").css("background", "url('" + imagearray[count] + "')");

和：

var $imgDiv = $("#img_div");
$imgDiv.fadeOut("fast", function () {
    $imgDiv.css("background", "url('" + imagearray[count] + "')").fadeIn("fast");
});
于 2013-01-31T05:35:55.670 回答
0

根据澄清问题的评论，它看起来像是fadeTo您想要的功能。http://api.jquery.com/fadeTo/

于 2013-01-31T06:20:05.613 回答