如何在网页中加载所有其他内容后最终显示图像

如何在加载网页中的所有其他内容后最后显示图像。当按下按钮时，我从数据库中检索到一个页面上的图像。我想先载入整个页面，最后载入内容后载入图像。有帮助吗？如何在网页中加载所有其他内容后最终显示图像

2011-05-20 harsh

如果负载你的意思是下载页面的各个部分，并构建DOM，则：

 
$(document).ready(function() { 
    $('#theimage').show(); 
});

来源

2011-05-20 15:44:56

可以加载并使用此功能将其添加到您的HTML它在javascript：

$(window).load(function() { 
    // in 2 steps for clarity, can be optimized 
    img_html = '<img src="/path/to/image" alt="bla bla" />'; // step 1, generate image html 
    $("#image_div").append(image_html);      // step 2, append image to some div 

    // optional, see my comment below 
    $("#image_div img").load(function() { 
    // triggers when newly added image is completely loaded 
    }); 
});

这使得所有事情都完成加载图像开始的一定负荷。

请注意，示例中的图像在加载时显示，如果您想先加载并显示它，则必须隐藏它并使用图像的.load事件来显示它。

来源

2011-05-20 15:44:20 jeroen

嘿jeroen ..感谢您的快速回复.. 你能更具体..如果你不介意..！我是新手...我没有得到你.. – harsh 2011-05-20 15:50:13

@harsh我添加了一些示例代码。 – jeroen 2011-05-20 16:54:44

$(document).ready(function() { 
    $('#imageid').attr("src", "/new/path/to/image.jpg"); 
});

来源

2011-05-20 15:45:53 stevecomrie

这里是我在我的php代码中使用的图像src属性。你能告诉我如何在你的javascript代码中编写这个src属性的虚拟路径吗？ – harsh 2011-05-20 16:18:09

@harsh：javascript代码看起来几乎与您提供的php代码完全相同： '$（'＃imageid'）。attr（“src”，“user/hangout_images/<？php echo $ imag_addr;？>”） ;' – stevecomrie 2011-05-23 01:03:44

在你的页面初始加载你可以只写一个占位符（DIV，跨度，甚至没有分配给它的图像）。

然后附加到按钮点击事件，你可以使用JQuery + Ajax回调（不是回发，或有任何理由回发其他比获取图像？）到您的服务器（或web服务）获取图像路径并将其分配给占位符。你可以使用各种jQuery动画来增加它，以“淡入”你的图像或向下滑动......你喜欢什么。

来源

2011-05-20 15:47:16

你可以使用javascript来动态设置图像的URL后dom加载？

如果你有HTML结构

<image id="image_id"/>

然后使用下面的jQuery代码：

$(document).ready(function() { 
    $("#image_id").attr("src", "link_to_image"); 
});

否则，你可以使用一些CSS技巧，首先隐藏图像，所以不会从服务器下载。

然后使用下面的jQuery代码来显示图像，一旦DOM准备就绪：

$(document).ready(function() { 
    $("#image_id").show(); 
});

与此同时，着眼于图像预载。这可能对你有用http://www.techrepublic.com/article/preloading-and-the-javascript-image-object/5214317

来源

2011-05-20 15:47:29 Shanison

如何在网页中加载所有其他内容后最终显示图像

回答

相关问题