如何在这个javascript随机图像中添加淡入淡出效果 setInterval（函数（）{ 变量变化=数组（“forimg1”、“img1”）； var r=change[Math.floor（Math.random（）*change.length）]； 如果（r==“forimg1”）{ document.getElementById（“imagetitle”）.innerHTML=“Makati Cafe”； } 如果（r==“img1”）{ document.getElementById（“imagetitle”）.innerHTML=“Fort Steak House”； } $（“#image_change”）.attr（“src”、“assets/images/eat/“+r+”.jpg”）； },2000);

我建议使用如下对象数组将图像标题与图像URL一起存储：

<script type="text/javascript">

    setInterval(function(){ 
        var change = Array("forimg1","img1");
        var r = change[Math.floor(Math.random() * change.length)];
        if(r == "forimg1"){
            document.getElementById("imagetitle").innerHTML = "Makati Cafe";
        }
        if(r == "img1"){

            document.getElementById("imagetitle").innerHTML = "The Fort Steak House";
        }
        $("#image_change").attr("src","assets/images/eat/"+r+".jpg");

    },2000);
</script>

这样，您就不需要使用if/else结构来确定要显示的标题，只需使用

images[current].title

和

images[current].file从当前对象中拾取标题和文件名即可

您实际上也不需要
setInterval（）
，因为如果使用jQuery和函数，它们可以为您控制计时：


$（文档）.ready（函数（）{
变量图像=[
{标题：“马卡蒂咖啡馆”，文件：“g/200/250”}，
{标题：“堡牛排馆”，档案：“200/250”}，
{标题：“无论如何”，文件：“200/350”}
//等等。
];
var$container=$（“#container”）；//保留对container div的引用
var$img=$（“#image_change”）；//以及img和title元素，而不是
var$title=$（“#image_title”）；//每次淡出时都会查找它们
函数showNext（）{
var current=Math.floor（Math.random（）*images.length）；
//淡出容器，然后
$container.delay（1000）.fadeOut（500，function（）{
//更新img src和标题文本
$img.attr（“src”http://placekitten.com/“+图像[当前].文件）；
$title.text（图像[当前].title）；
//再次淡入容器，然后再次调用showNext（）函数
$container.fadeIn（500，showNext）；
});
}
showNext（）；
});


还添加html代码..给定“jQuery”标记，
.fadeOut（）
和
.fadeIn（）
？或者这太明显了？这就是为什么我要问如何在代码中使用.fadeOut和.fadeIn（）。因为我是Jquery和JavaScription的新手，所以我想知道如何在代码中使用.fadeOut和.fadeIn（）。因为我是Jquery和Javascript的新手
var images = [
  {title: "Makati Cafe", file: "img1"},
  {title: "The Fort Steak House", file: "img2"},
  // etc.
]