如何在我的简单javascript图像数组中添加淡入淡出事件?

时间:2013-08-12 19:38:27

标签: javascript arrays fadein

我的网站有一个简单的图像数组:由我的HTML中的链接触发的javascript代码。

javascript工作正常,但是当图像切换时,我似乎无法在fadeIn中获取图像。这个开关总是让眼睛突然疼痛。

有人可以解释一下我如何使用此图像数组获得fadeIn事件或效果吗?

这是javascript:

var Image = new Array(“ONE.jpg”,“TWO.jpg”,“THREE.jpg”,“FOUR.jpg”);

var Image_Number = 0; var Image_Length = Image.length - 1;

function change_image(num){

Image_Number = Image_Number + num;

if (Image_Number>Image_Length){

    Image_Number = 0;
}
if (Image_Number<0){

    Image_Number = Image_Length;
}
if (Image_Number>0){ function fade_in () {

$("Image_Number") .fadeIn();
}


document.my_imagearray.src= Image[Image_Number];

return false;
}

和html:

 

1 个答案:

答案 0 :(得分:0)

似乎你忘了添加HTML代码

从您提供的代码中,我只能假设您应该写下这个:

if ( Image_Number > 0 ) {
    $("html_item_that_contains_image").fadeOut();
    document.my_imagearray.src = Image[Image_Number];
    $("html_item_that_contains_image").fadeIn();
}