标签: preloader

在Flex框架中,可以在加载网站时使用自定义预加载器.

在Adobe文档中,它指定如果在下载700毫秒后下载的应用程序少于一半,则会显示进度条[预加载器]."

但是我总是希望预加载器能够立即显示,因为我知道95%的用户是第一次访问者,而且网站超过500kb.我不希望人们必须等待.7秒才能显示预加载器动画.

我认为理论上可以"修补"框架以消除这个.7秒限制.我没时间弄清楚如何,我以前从未做过.

有人帮忙吗？

我在为css背景图像制作工作预加载器时遇到了麻烦.情况就是这样:我有几个隐藏的元素,每个元素都有一个css背景图像.

当用户点击"开始"按钮时,我然后使用jquery显示元素(一个接着一个:显示一个,另一个隐藏).但是,只有在加载所有图像后,"开始"按钮才可用.

我正在使用这个预加载器:

function preloadimages(arr) {
    var newimages=[], loadedimages=0
    var postaction=function(){}
    var arr=(typeof arr!="object")? [arr] : arr

    function imageloadpost() {
        loadedimages++
        if (loadedimages == arr.length) {
            postaction(newimages) //call postaction and pass in newimages array as parameter
        }
    }

    for (var i=0; i<arr.length; i++) {
        newimages[i] = new Image()
        newimages[i].src = arr[i]
        newimages[i].onload = function() {
            imageloadpost()
        }

        newimages[i].onerror = function() {
             imageloadpost()
        }
    }

    return { //return blank object with done() method
        done:function(f) {
            postaction = f || postaction //remember …

我正在使用Bootstrap 3构建一个投资组合网站,使用轮播作为完整背景.我想要的是能够显示加载gif,直到每个网站的图像阵列被加载,因为图像将是大的.

这是我正在使用的HTML代码.

<div class="carousel-inner">
  <div class="item active">
    <img src="./img/bg_01.jpg" alt="" />
    <div class="container">
      <div class="carousel-caption">
      </div>
    </div>
  </div>

  <div class="item">
    <img src="./img/bg_02.jpg" alt="" />
    <div class="container">
      <div class="carousel-caption">
      </div>
    </div>
  </div>
</div>

我已经google了关于图像预加载但我找不到任何非常适合我想要的内容.我应该关注哪个方向？也许ajax/jquery插件？

谢谢!埃里克

我想在我的网站加载前最多 5 秒添加带有“加载”gif 图像的预加载器。我尝试了很多方法，但它不起作用，请你们帮我解决这个问题吗？

参考：https : //www.itchotels.in/。我想要这样的东西。提前致谢。

我尝试在Flex中为我用Flash编写的项目做preloder.我在这个站点链接文本的帮助下做了这个. 我的Flash项目在名为Game的主类中有下一个源代码

stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDown);
stage.addEventListener(KeyboardEvent.KEY_UP, keyUp);

private function keyDown(event:KeyboardEvent) {
   if (event.keyCode == 81 && q_was_push == false) q_was_push = true;
   if (event.keyCode == 81) press_q = true;
   if (event.keyCode == 65) press_a = true;
   if (event.keyCode == 83) press_s = true;
   if (event.keyCode == 32) press_space = true;
} ...

当我接受Flex生成的新swf文件时,我有错误TypeError:错误#1009:无法访问空对象引用的属性或方法.在游戏()

如果我发表评论

//stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDown);
//stage.addEventListener(KeyboardEvent.KEY_UP, keyUp);

Flex应用程序工作但Flash应用程序不响应按钮按下

请问我如何将预加载器和工作按钮组合在一起

有没有办法隐藏预加载器.我的一个想法是创造一个空的新的,但肯定有一个更简单的方法来做到这一点.

这可能听起来像一个愚蠢的想法,但在某些情况下,隐藏预加载器可能会很好.特别是如果它不需要很多工作.

我正在使用jQuery AJAX从PHP页面获取一些数据,并在占位符中使用加载GIF图像,让用户知道结果正在进行中.

$(".project").change(function(){
            $(".custName").html("<img src='/admin/images/ajax-loader.gif' />");
            $(".projectDesc").html("<img src='/admin/images/ajax-loader.gif' />");
            var project_num=$(this).val();
            var dataString = 'project='+ project_num;

                $.ajax
                    ({
                        type: "POST",
                        url: "customerfilter.php",
                        dataType: "json",
                        data: dataString,
                        cache: false,
                        success: function(data)
                        {
                            $(".custName").html(data.message1);
                            $(".projectDesc").html(data.message2);
                        }
                    });


        });

当我点击触发器并打开Firebug控制台时,我可以看到POST返回并且数据是正确的.然而,加载gif永远不会消失,永远不会被正确的数据所取代 - 不知道为什么!？

这是Firebug和RESPONSE窗口的屏幕截图:

相对PHP:

while ($row = mysql_fetch_array($result)) {
                echo json_encode(array(
                    "message1" => $row['cust_name'],
                    "message2" => $row['description'],
                ));

$ result是一个mysql_query

在整个SWF完全加载之前,编译的SWF不显示预加载器.任何人都会非常感激,我用谷歌搜索整晚都找不到任何东西,至少对我而言.

嗨我想在我的页面添加一个预加载器,但是当你进入窗口时,正在发生的是页面加载器没有加载..它正在等待窗口加载,然后它也显示加载器... . 我怎样才能解决这个问题？这是我的代码:

$(window).load(function(){
$("#all").hide();
var wh = $(window).height();
$("#loader").show();
$("#all").hide();
$("#loader").css("height",wh);
$("#loader").delay(4000).fadeOut(400);
$("#all").delay(4020).fadeIn(400);
});

所以简而言之,首先我可以实际看到页面,然后装载机进来!我不知道如何解决这个问题,非常感谢任何帮助!

我打算使用ASAP脚本来检查是否加载了body标签,但它会导致整个页面冻结.

这里是:

while (!document.body)
    if (document.body) console.log('loaded');

这当然在所有情况下都无法正常工作,但我很困惑为什么这会变成无限循环并冻结页面.