Fatal编程技术网
  • javascript/
  • Javascript 阵列的淡入淡出图像

Javascript 阵列的淡入淡出图像

javascript jquery arrays

Javascript 阵列的淡入淡出图像,javascript,jquery,arrays,Javascript,Jquery,Arrays,我正在尝试将图像列表与阵列中的剩余图像逐一切换。我有一个15幅图像的数组，我显示了其中的6幅，我需要一幅一幅地切换剩下的图像 var图像=[ '', '', '', '', '', '', '', '', '', '', '', '', ]; $（文档）.ready（函数（）{ $.each（图像、函数（索引、图像）{ 如果（索引>5）{ 返回false； } $（'.logo容器'）。追加（图像）； }); }); 这并不是您想要的图像效果，但这正是您想要达到的效果。您可以对其进行更改 $

我正在尝试将图像列表与阵列中的剩余图像逐一切换。我有一个15幅图像的数组，我显示了其中的6幅，我需要一幅一幅地切换剩下的图像

var图像=[
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
];
$（文档）.ready（函数（）{
$.each（图像、函数（索引、图像）{
如果（索引>5）{
返回false；
}
$（'.logo容器'）。追加（图像）；
});
});

这并不是您想要的图像效果，但这正是您想要达到的效果。您可以对其进行更改



$（文档）.ready（函数（）{
变量图像=[
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
'',
];
var启动指数=0；
var指数=5；
显示图像（images.slice（开始索引，结束索引））；
setInterval（函数（）{
如果（endIndex>=images.length）endIndex=images.length/2；
更新图像（图像[endIndex]）；
endIndex++；
}, 3000);
函数显示图像（imageArray）{
$.each（imageArray，函数（索引，图像）{
$（'.logo容器'）。追加（图像）；
});	
}
函数更新图像（图像）{
$（'.logo容器img'）.first（）.fadeOut（“slow”，function（））{
$（此）.replaceWith（图像）；
美元（这个）.fadeIn（“慢”）；
});
}	
});


JS-Bin

“我有一个包含15个图像的数组，我显示了其中的6个，我需要逐个切换图像”不确定您的意思？最初的六幅图像仍然显示，第七幅图像循环显示其余九幅图像？