弹出图像onclick覆盖整个网站

时间:2015-10-08 09:59:05

标签: javascript image background onclick cover

我需要在点击时弹出整个背景。 可以做一些类似于页面中心的图像,使整个网站不太可见,并在几秒钟后更改为其他图像或覆盖整个网页,我的图像在几秒钟之后转换为下一个整个网页图像。点击一切后恢复正常。

<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>

我做了这个=循环2张图片,但是如何将它放在页面的中心而不重新组织整个页面?我还需要在此图像周期中使所有页面内容不太可见。 (它应该在点击后结束)。 其他选项是制作包含整页的图像循环,但需要覆盖整个网页。然后点击恢复正常。

另外如何使用parametr添加第二个函数?

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

当我添加:onclick =“doc〜(); injury_change();” ID = “iImg” &GT;第二个不工作

0 个答案:

没有答案