在加载页面时将图像淡入图片

基本上我被要求在显示页面之前制作一个带有标志图像的网站（例如4秒钟显示）。在加载页面时将图像淡入图片

从我所看到的最好的方式来做到这一点将使用jQuery。我已经看到了其中一个页面在所有图像加载后都会淡入的示例，但是我怎么能通过指定一段时间来做到这一点。

综上所述：

要在全屏幕加载网页轻微可见背后（收藏夹效应）来加载图像，然后消失在满载的网站内容，4秒钟后，无论网页是否加载或不。

我该怎么做？

来源

2013-03-28 user2219479

HTTP：// mattgemmell .com/2008/12/08/what-you-you-tried/ – Archer

你的访问者中有一半已经离开时间4几秒钟过去了？ – adeneo

的延迟使用setTimeout和呼叫fadeIn和fadeOut

试试这个

$(window).load(function(){ 
    $('#imageID').fadeIn('slow',function(){ 
     setTimeout(function(){ 
      $(this).fadeOut('slow') // $('#imageID')".fadeOut('slow', 
     },4000); 
    }) 
});

您可以使用模式，显示一个类似灯箱效果的标志......和启闭liekwise ...

链接情态..

simple modal
jquery dialog with true

来源

2013-03-28 11:47:57 bipen

你可以与绝对定位页面上的div标签开始页面关闭，以100％的宽度和高度，然后使用jquery，直到你得到的地方，你几乎无法看到为“动画”这个div的不透明度它，然后你隐藏div。使用jQuery动画

<html> 
    ..... header content where javascript and what not goes 
    <body> 
    <div id='introdiv' style="position:absolute;z-index:9999;width:100%;height:100%;"> 
     .... image goes here 
    </div> 
    .... other page content goes here.

，你只是做$（ “＃introdiv”）。动画（{......

你必须找到一种方法，以确保div标签保持隐藏在每一个其他请求或图像将显示每次

如果你想要显示的图像，直到页面加载，把动画的jQuery的document.ready函数内部

来源

2013-03-28 11:50:04 Kalpers

在加载页面时将图像淡入图片

回答

相关问题