Javascript 点击覆盖整个站点的弹出图像

我需要在点击时弹出整个背景。 它可以做一些事情，比如在页面中心放置一张图片，使整个网站变得不那么显眼，几秒钟后会变成另一张图片，或者在几秒钟后用我的图片覆盖整个网页，转换成下一张完整的网页图片。点击后一切恢复正常

<div id="right_center"><img style="cursor: pointer;" onclick='knee_fun()' id="iImg" src="img/knee.png" ></div>


<script>
var time = 3000;
var picNo = 0;
var pics = new Array
(
'img/urazy_1.png',
'img/urazy_2.png',
'img/empty.png'
);

function knee_fun()
{

document.getElementById('iImg').src = pics[picNo++];
if (picNo >1 ) picNo =2; 


setTimeout('knee_fun()', time);
clearTimeout('knee_fun()');

}
</script>

var时间=3000；
var-picNo=0；
var pics=新阵列
(
“img/urazy_1.png”，
“img/urazy_2.png”，
“img/empty.png”
);
功能膝盖(u fun)
{
document.getElementById（'iImg'）.src=pics[picNo++]；
如果（picNo>1）picNo=2；
setTimeout（'knee_fun（）'，时间）；
clearTimeout（'knee_fun（）'）；
}

我做了这个=循环2个图像，但如何将其定位在页面中心，而不是重新组织整个页面？我还需要在这个图像周期中减少所有页面内容的可视性。（应在单击后结束）。 另一个选择是制作一个包含整个页面的图像循环，但它需要覆盖整个网页。然后单击“返回正常”

<div id="right_center"><img style="cursor: pointer;" onclick='knee_fun()' id="iImg" src="img/knee.png" ></div>


<script>
var time = 3000;
var picNo = 0;
var pics = new Array
(
'img/urazy_1.png',
'img/urazy_2.png',
'img/empty.png'
);

function knee_fun()
{

document.getElementById('iImg').src = pics[picNo++];
if (picNo >1 ) picNo =2; 


setTimeout('knee_fun()', time);
clearTimeout('knee_fun()');

}
</script>

另外，如何添加带参数的第二个函数

            <div id="zoom" onClick="document.getElementById('song').play()">
            <audio id="song" src="nanana.mp3"></audio>
            </div>

---

当我添加：onclick=“doc~（）；injusts_change（）；“id=“iImg”>秒不起作用

您是否正在尝试显示整页图像滑块@不完全是这样。我已经编辑了我的帖子。我需要在页面的中心放置一个图像循环，而不是重新组织整个页面。我还需要在这个图像周期中减少所有页面内容的可视性。（应在单击后结束）。只是图像循环没有任何边界或退出标记。点击后退出。