Javascript 带有ProgressBar和x2B的Fancybox；法代因&x2B；衰减+；OnTimer+；重新使用

下面的代码函数就是我想要的

OnClick = FancyBox(image),FadeIn,FadeOut,Timer & Download + Time = Redirect

我的目标是让一个功能性的

FancyBox

加载

onclick

设置为

fadeIn（时间）

>显示“进度条/.gif图像”，并

fadeOut（时间）

启动下载，然后重定向（时间）到新页面。重定向的计时器将是一个了不起的额外津贴，但如果不可能，那也没关系

<style>
#overlay {
background:#EAE8E8;
  position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 20%;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.50;
    filter: alpha(opacity=50);
    Font-Size:150%;
}

#覆盖层{
背景：#EAE8E8；
位置：固定；
身高：100%；
宽度：100%；
z指数：5000；
排名：0；
左：0；
浮动：左；
文本对齐：居中；
垫面：20%；
z指数：1001；
-moz不透明度：0.8；
不透明度：.50；
过滤器：α（不透明度=50）；
字体大小：150%；
}

加载

   <script>
   jQuery(window).load(function(){
   $("#overlay").fadeTo(3000,1).fadeOut(3000);
 });
  </script>

jQuery（window）.load（函数（）{
美元（“#叠加”）.fadeTo（3000,1）、fadeOut（3000）；
});

我是将重定向代码和时间代码添加到上面的函数脚本中，还是在页面的页眉中将其分开

  <script type="text/javascript" language="JavaScript">
    function SetUpRedirect() {
     var destination = "http://website.com";
      setTimeout("window.location='"+destination+"'",1000);
     return true;
      }
     </script>    

  <a class="yip" onclick="SetUpRedirect();" href="#"  rel="">click</a>


<a class="yip" onclick="SetUpRedirect();" href="#"  rel="">click</a>

函数SetUpRedirect（）{
变量目标=”http://website.com";
setTimeout（“window.location='”+destination+'”，1000）；
返回true；
}

这真的是一个问题吗？是的，我很难弄清楚如何使代码正常工作。只要使用回调来做任何你需要的事情-淡入淡出、radirect或其他什么

  <script type="text/javascript" language="JavaScript">
    function SetUpRedirect() {
     var destination = "http://website.com";
      setTimeout("window.location='"+destination+"'",1000);
     return true;
      }
     </script>    

  <a class="yip" onclick="SetUpRedirect();" href="#"  rel="">click</a>


<a class="yip" onclick="SetUpRedirect();" href="#"  rel="">click</a>