如何在页面加载时全屏显示图像
问题描述:
我从先前的堆栈溢出问题中了解如何从数组中随机选取图像。如何在页面加载时全屏显示图像
Script to display an image selected at random from an array on page load
我希望把他的想法远一点,并显示在页面加载此图像全屏。我正在一个网站上工作,并有想法使用图像作为问候页面。在页面加载时,您会看到全屏高清图像。点击后,该图像会消失并显示完整网站。我不确定如何做到这一点。有任何想法吗?
编辑:我不是直接执行。只是一般的想法或js如何完成这项任务。
答
尝试使用CSS
一样,
首先选项,
img {
position: fixed;
top: 0;
left: 0;
/* Preserve aspet ratio */
min-width: 100%;
min-height: 100%;
}
二选项,
img {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}
要理解上面的选项读Perfect Full Page Background Image
我建议您为您的问题使用完整的整页背景图像滑块。如果可以使用它,不用浪费时间。
我在http://www.freshdesignweb.com/fullscreen-jquery-slider.html上发现了一个完整的页面滑块,其中第一个background slider最适合您。你
也可以去https://www.google.co.in/?q=full+background+image+slider,以获得更多的图像滑块
Atleast发布您试图完成您的想法的代码。 –
这将包括多个样式表和脚本文件。只是发布太多了。 – Walker