在代码中，如何将淡入淡出的图像移动到过渡图像上？我不熟悉Javascript

我如何让我的淡入淡出的图像超过我的过渡图像。我不熟悉Javasript，如果有人能帮我的话，我需要为我的网站做好这项工作，这将是非常棒的！这是我的密码

<center> <  <div id="main_over"></div> 
<div id="main_img"></div> 
<div id="himg" style="display:none; clear:both; margin-top:40px;"> 

        <img id="si_15" src="Images\MS1.jpg" /> 

        <img id="si_16" src="Images\MS2.jpg" /> 

        <img id="si_17" src="Images\MS3.jpg" /> 

        <img id="si_18" src="Images\MS4.jpg" /> 

</div> 
<style> 
#main_over{position:absolute; z-index:10; width:100; height:100; background:#000;          display:block;}
</style> 
<script type="text/javascript"         src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){
var i = 0;
$('#himg img').each(function(){
    if(i == 0)
    {
        $('#main_over').html('<img src="' + $(this).attr('src') + '" alt="" />');

    }
    if(i == 1)
    {
        $('#main_img').html('<img src="' + $(this).attr('src') + '" alt="" />');
    }
    i ++;

    slide.arr.push($(this).attr('src')); 
});

setTimeout(function(){
    if(slide.arr.length < 2)
        slide.fade(0);
    else
        slide.fade(2);
}, 5000);
});

var slide = {
arr: Array(),
fade: function(i)
{
    $('#main_over').fadeOut("medium");
    setTimeout(function(){slide.next(i);}, 2000);
},
next: function(i)
{
    $('#main_over').html($('#main_img').html());
    $('#main_over').css('display', 'block');

    $('#main_img').html('<img src="' + slide.arr[i] + '" alt="" />');

    i++;
    if(i >= slide.arr.length)
        i = 0;

    setTimeout(function(){slide.fade(i);}, 5000);
}
}

``</script> /> </center>

<
#主_在{位置：绝对；z索引：10；宽度：100；高度：100；背景：#000；显示：块；}
$（文档）.ready（函数（）{
var i=0；
$（'himg img'）。每个（函数（）{
如果（i==0）
{
$（'#main_over'）.html（''）；
}
如果（i==1）
{
$（'#main_img'）.html（''）；
}
i++；
slide.arr.push（$（this.attr（'src'））；
});
setTimeout（函数（）{
如果（滑动角长度<2）
幻灯片。淡入淡出（0）；
其他的
幻灯片。淡出（2）；
}, 5000);
});
变量幻灯片={
arr:Array（），
淡入淡出：功能（一）
{
$（'main_over'）。淡出（“中等”）；
setTimeout（函数（）{slide.next（i）；}，2000）；
},
下一步：职能（一）
{
$（'main_over'）.html（$（'main_img'）.html（））；
$（'main_over'）.css（'display'，'block'）；
$（'#main_img'）.html（''）；
i++；
如果（i>=滑动角长度）
i=0；
setTimeout（函数（）{slide.fade（i）；}，5000）；
}
}
`` /> 

图像的定位不是javascript问题，而是CSS问题

使图像容器具有固定的宽度/高度（即与图像相同）和位置：相对

然后使所有图像的位置：绝对，顶部：0px，左侧：0px。这将使它们都位于页面上的同一位置

然后，可以使用z索引控制其相对深度，并根据需要调整图像的不透明度，以生成图像之间的过渡

…或者只是在网上下载数百个免费幻灯片小部件中的一个