Question

我有关于如何从数组中随机选择图像的前一个堆栈溢出问题的脚本。

Script to display an image selected at random from an array on page load

我想进一步了解他的想法，并在页面加载时全屏显示此图像。我正在一个网站上工作，并有想法将图像用作问候页面。在页面加载时，您会看到一个全屏高清图像。单击时，此图像将消失并显示完整的网站。我不确定如何实现这一目标。有什么想法吗？

编辑：我不是在寻找直接实施。关于如何完成这项任务的一般想法或jsFiddles。

Answer 1

尝试使用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以获取更多图片滑块

Answer 2

要在页面加载上显示图像，您可以使用$( document ).ready()功能。在click()图片上，您可以显示该网站。

如何在页面加载

2 个答案: