在加载ajax的内容中预加载图像
在加载 AJAX 内容中预加载图像，可以提高用户体验和页面性能。以下是一些建议：
- 使用
<link rel="preload" href="image.jpg" as="image">标签预加载图像。这个标签可以在 HTML 文档的<head>部分使用，告诉浏览器在页面加载时预先加载指定的资源。 - 使用 JavaScript 预加载图像。可以使用
Image对象创建一个新的图像对象，并设置其src属性为图像的 URL。这将触发浏览器在后台加载图像。
var image = new Image();
image.src = "image.jpg";- 使用 CSS 预加载图像。可以使用
background-image属性为元素设置图像，这将触发浏览器在后台加载图像。
.element {
background-image: url("image.jpg");
}- 使用预加载库。有一些库可以帮助你更方便地预加载图像，例如 ImageLoader 和 Prefetch.js。
- 使用浏览器缓存。可以使用 HTTP 缓存头（如
Cache-Control和ETag）来缓存图像，这样在用户再次访问页面时，浏览器可以直接从缓存中加载图像，而不需要重新下载。 - 使用 CDN。使用内容分发网络（CDN）可以将图像分发到全球各地的服务器上，从而提高图像加载速度。腾讯云提供了 对象存储（COS） 和 内容分发网络（CDN） 两个产品，可以帮助你实现这一目标。
- 优化图像大小和格式。可以使用图像压缩工具（如 TinyPNG）来减小图像文件大小，从而提高加载速度。同时，可以使用适当的图像格式（如 JPEG、PNG 或 WebP）来优化图像质量和性能。
- 使用懒加载。懒加载是一种只在用户滚动到图像时才加载图像的技术。这可以减少页面的初始加载时间，提高用户体验。可以使用 JavaScript 库（如 lazysizes）来实现懒加载。
通过以上方法，可以在加载 AJAX 内容时预加载图像，从而提高用户体验和页面性能。
相关·内容
在jQuery中，我知道我可以使用$.ajax函数从给定的URL加载页面的html。但是，我感兴趣的是在显示htmla资源之前在页面上加载它。我该怎么做？
示例:假设我在一个名为about.html的文件中有以下html
<h1>About BigImage</h1>
<img src="/images/reallybigimage.jpg" />
注意，我在这个页面中有一个图像。使用jQuery的ajax函数，一旦HTML完成加载，我就会获得“成功”，而不是图像。
不过，我不知道页面中会有多少/哪些图片，这不仅仅是我想要加载的图像--这是页
浏览 2提问于2012-04-20得票数 3
回答已采纳
1回答
有没有人知道如何在页面加载完成之前显示通过AJAX调用的成功函数获得的图像。我有一个页面，它有一个AJAX调用，它从php获取特定文件夹中的最后一个图像。我希望浏览器在完成页面加载之前，一得到我的图像就显示出来，因为它正在运行一个持续时间很长的过程，并且不会停止加载，直到它完成这个过程。这就是我到目前为止所做的
<script type="text/javascript">
sendRequest();
function sendRequest() {
$.ajax({
u
浏览 13提问于2018-09-07得票数 1
2回答
在我的表单加载中，我使用jquery下载了一个图像，当用户单击任何按钮时，我就会在div中显示该图像。但只有第一次的图像需要时间才能看得见。如果图像是在表单加载时下载的，所以当我通过jquery显示该图像时，我认为它不应该再次下载，并且应该很快就能看到。
以下是我的代码
var _images = ['/Images/ajax-loader.gif'];
$.each(_images, function (e) {
$(new Image()).load(function () {
//alert($(this).attr('
浏览 2提问于2011-09-13得票数 1
回答已采纳
我知道我可以像这样预加载一个镜像：
CSS：
#preload {
background-image: url('image-to-be-preloaded.png');
}
JS：
(new Image()).src = 'image-to-be-preloaded.png';
然而，当加载上述图像时，浏览器会显示“加载图标”(在Firefox和Chrome上，这是在标签上的图标中)。我是否可以预先加载图片，而不会让用户感觉页面仍在加载？
浏览 0提问于2013-07-27得票数 1
我正在构建一个应用程序-从flash转换为html/js并使用jQuery。页面/场景是通过ajax拉入的，我有一个‘加载’覆盖，直到这些被加载，但除此之外，我想要预先加载下一页和前一页的图像。
所以我通过ajax拉入page-5.php，然后我需要在后台预加载Page4/6的图像，以便为用户加快速度。
我有一个预加载函数，我可以在其中插入一个图像数组--棘手的是使用ajax来查找page-6.php上所有图像的src。
所以我需要一个调用：-在page-6.php上找到所有图像，将它们的src放入一个数组中。有可能吗？
我想我可以在每个页面上隐藏一个包含图像的数组并获取它，但我更愿意让它保持
浏览 5提问于2012-10-31得票数 1
回答已采纳
我有一个链接，用imagemagick加载一个充满处理图像和覆盖的php页面。有没有办法让你当前的页面有一个加载，请等待覆盖它覆盖的地方，或让用户知道等待？
我见过这个附加到图像上，但不是当你点击一个页面的链接时。这也不是一个表单提交，我已经看到了解决方案。
谢谢
浏览 0提问于2013-01-25得票数 0
2回答
我希望预加载一个名为img的目录中的所有图像，该目录还包含一个名为ui_images的子目录。
我知道如何通过将特定图像的名称放入数组并执行预加载工作来预加载特定图像，但我想知道如何告诉脚本动态搜索img和img/ui_images目录中的所有图像
下面是我的代码：
var preloadImg = function(imgArr){
$.each(imgArr, function(index,value){
$("<img/>")[0].src = value;
});
}
var arrimg = ['img/chec
浏览 1提问于2012-09-10得票数 2
回答已采纳
我使用CSS和jQuery预加载器在我的网站上显示预加载图像，直到我的完整网站没有下载。 (我正在使用这个例子)。
现在我正在使用Gif Image，直到我的完整网站没有被下载。谁能帮我显示加载百分比，而不是gif图像。
提前感谢
浏览 3提问于2013-03-28得票数 1
如何将“加载”图像添加到下面的代码中。这就是我的意思。如果我在代码中添加了一个按钮，用户点击了它。来自php文件的内容将加载到div中，id为"notifications“，但当php文件正在处理时，我想显示一个加载图像。我会从这个网站上得到一张图片http://www.ajaxload.info/
function onSuccess(data, status) {
data = $.trim(data);
$("#notification").html(data);
}
function onError(data, status) {
//
浏览 3提问于2011-12-18得票数 0
回答已采纳
1回答
我使用带有缩略图的$.fancybox.open(FB_obj,{some parameters})动态加载各种不同大小的图片库(从2张到200张)。
一切都在工作和加载，但当图库超过60张图片时，在缩略图库中我看到“空插槽”，当我点击它时，错误消息显示“图像无法加载等”，对于较大的图库与150+图片的+/- 30最后一个永远不会加载。
有人知道为什么会发生这种事吗？我猜可能是加载时间或者PHP_MEMORY_LIMIT (我有256M，每张图片大约150Kb)？
非常感谢
丹尼尔
浏览 4提问于2012-09-30得票数 0
回答已采纳
1回答
我注意到jQuery Ajax调用在回调之前不会预先加载/加载目标页面的图像。所以基本上它只是加载html，然后进行回调，在回调之后，它开始加载图像。
所以我的问题是，是否有一种方法可以确保目标页面图像在append函数之前也被加载/预加载。
示例代码：
$.ajax({
url: ''+nextHref+'',
success: function(data) {
var $response = $(data);
var oneval = $response.find('#ContainerWrapper').html(
浏览 1提问于2010-12-12得票数 0
回答已采纳
在加载时，我使用以下内容预加载了几个图像： var temp = '<img src="'+image_src+'" />',
target = '#'+currentId;
$(temp).on('load', function() {
$(target).data('loaded','y');
}); 然后，当我需要调用图像时，我使用以下命令将其添加到文档中： var $image = '<img src="'
浏览 32提问于2019-03-04得票数 2
回答已采纳
2回答
我有一个我使用的jquery图像预览插件。我是这样使用它的：
$('a.preview').live('mouseover', function() {
$(this).imgPreview({
preloadImages: 'true',
});
});
我希望在jquery ajaxcall之后执行imgPreview函数，该jquery ajaxcall将在DOM中插入图像。所以我想执行它来预加载图像。
有什么想法吗？
浏览 0提问于2010-01-17得票数 1
回答已采纳
1回答
我想采取的大小，在页面的图像在第一个加载页面，然后创建一个加载栏，并显示它加载类似的闪存预加载器。但我不知道jQuery是否可以接受字节大小的图像。
浏览 0提问于2010-06-23得票数 0
我需要一个jquery幻灯片，淡入淡出图像时使用的上一个/下一个按钮。问题是，图像将是非常高质量的200-300k大小，并将有几个。有没有人知道一种好方法，可以在不造成大量加载时间的情况下做到这一点？
非常感谢，C
浏览 1提问于2010-12-02得票数 1
我想知道这一件事。我开始编写一个网页，我希望所有的设计都是一样的。只有内容在改变。因此，我不想加载整个新页面，因为基本上相同的内容会一次又一次地加载。我只想加载内容。
现在，我提出了两种可能的解决方案。或者使用某种jQuery内容滑块。其中整个内容都很复杂，但我选择只显示我想要的部分。当单击链接时，div中内容的位置会发生变化。
或者另一种解决方案，我得到了一个包含大量div的单独文件，点击链接基本上清空了div，并从另一个文件中加载了所选div的内容。
什么解决方案是最好的？从总体和编程两方面考虑？我期待着在这里有相当多的php编程，我也想减少负载量，特别是因为最初的网站负载包含一些严重的沉
浏览 1提问于2010-03-09得票数 4
回答已采纳
3回答
我有一个使用javascript函数加载随机图像的页面。
下面是head标签中的内容。
function pickimg(){
var imagenumber = 101 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;
images = new Array
images[1] = "images/1.jpg"
images[2] = "images/2.gif"
images[3] = "images/3.
浏览 3提问于2012-12-22得票数 2
1回答
我已经看过一些关于如何为图像创建JavaScript预加载器的教程。是否可以为其他JavaScript使用JavaScript预加载器？
我的网站使用mootools (和其他工具)制作动画和大量图片等--因此需要一段时间才能加载。网站有没有可能有一个以页面为中心的“加载”--仅此而已--直到所有的Javascript库加载，所有的图像加载，等等。网站在首页有大约300k的JavaScript (压缩)，800k的图像。
在纯flash设计中，可以在任何相关的库、其他代码、图像、下载和出现之前简单地说加载flash电影。这可以在JavaScript中完成吗？
浏览 2提问于2011-05-13得票数 4
回答已采纳
3回答
在DIV容器中动态加载数据的最佳方法是什么？
假设我在一页纸上有很多图片。单击图片将打开屏幕上的DIV容器(不刷新页面)，该容器包含该图像的所有注释。
目前，我正在发送一个AJAX请求，以从DB加载注释并将它们回显到另一个页面中。然后，我将使用jQuery在DIV容器中追加该数据。单击另一个图像可以清除容器，并加载新数据vie新AJAX请求。
在我看来，这可能不是最有效的方法，因为如果用户来回点击页面上的图像，那么数据必须每次重新加载。
我看到facebook每次选择新图像时都会更改URL。所以，他们可能使用URL中的ID来加载数据，而不发送AJAX请求？
可能是一旦数据被加载和另一个图像被选
浏览 3提问于2015-10-04得票数 1
回答已采纳
我有一个从数据库获取约5,000个对象的列表，我正在尝试这样做，以便当您将鼠标悬停在列表中的某一行时，它将获取属于所描述的项的图像。
目前，它可以一次获取所有5000个对象，但我宁愿让它们花一秒钟的时间加载，而不是预加载它们。我想知道是否有什么方法可以阻止图像预加载？
目前我只使用PHP/CSS/HTML，我不介意javascript或AJAX (mootools是加载程序，因为我使用的是joomla框架)
浏览 1提问于2010-12-08得票数 0
1回答
我有一个jQuery图像预加载脚本，如下所示：
<script>
jQuery(function(){
$.preload(
'1.jpg',
'2.jpg',
'3.jpg'
);
});
</script>
问题是图像是根据当前页面动态生成的，因此它们并不总是相同的。我有单独的页面的页眉，主要内容(其中包含图像生成代码)和页脚。
页脚包含jQuery JS代码，因此页面加载速度更快，但显然它使预加载变得无用，因为它是在JQuery之前在主
浏览 5提问于2014-03-13得票数 0
2回答
在使用.load()方法进行ajax调用时，我试图让图像(Div)覆盖整个视图端口。一旦负载完成，覆盖层就会逐渐消失。但是，即使使用load回调，覆盖在加载图像之前也会逐渐消失。随着较慢的互联网连接，用户可以看到图像一个接一个地加载。
可以在以下位置找到当前的WIP (单击work查看bug)。
我的负载函数
function loadContent(link) {
var loadUrl = $(link).attr("href");
showOverlay(function () {
$('#holder').load(loadUrl, funct
浏览 4提问于2013-02-13得票数 0
，我有几个疑问，我已经很确定了，但仍然想对它非常精确。
如果这是一个重复的问题，请给我链接，以便我将删除这个问题，并将参考提供的链接。
我需要预装几张图片。如果浏览器缓存中已经存在，我不想预加载它们，如果我们正在预加载，则使用javascript代码预加载，这将发送请求。另外，我们在html文档中有一个img，用于相同的图像。浏览器会请求图像两次吗？一个是预加载，另一个是当它看到img标记？时，我希望预装和img进程都是异步的。我希望链接像obj.src = path这样的映像时所获得的资源和请求是相同的，我希望预压不会像同步Ajax那样工作。也就是说，通过赋予优先权，是否有可能知道一个图像是
浏览 2提问于2010-10-14得票数 5
回答已采纳
1回答
我有一个div元素和onClick，我正在使用ajax加载内容，但是在刷新之后，加载的内容就消失了。
我只想在页面刷新后保留页面内容。
有什么解决方案吗？
谢谢。
浏览 1提问于2012-05-03得票数 0
4回答
页面完全加载后触发预取
、、、
我的场景是：
用户访问domain.com ( page)domain.com/products主页包含大型图像库以及相当大的CSS和JS库当用户访问domain.com并且主页已完全加载时，我们将开始预取资源&如果可能，至少从归档中预取某些%的图像。
目前在一些页面上，JS“吃掉”了相当多的资源，因此在某些情况下，在页面加载期间触发预取并不是最好的答案-因为当用户与JS创建的事件和元素交互时，这将导致小延迟。
我的问题是：
在当前页面完全loadedShould之后，是否可以触发<link rel="prefetch" href="image.png&#
浏览 57提问于2018-05-21得票数 12
回答已采纳
3回答
我正在通过jQuery的.load()交换页面的内容--例如，在page1.html上：
$('#wrapper').fadeOut(2500, function() {
$(this).load('page2.html', function() {
$(this).fadeIn(2500);
});
});
page2.html内容包含一些相当大的图像，我正试图通过$.get()在page1.html上预加载它们
$.get('img/largeImage1.jpg');
$.get('img/largeImage2
浏览 2提问于2014-02-17得票数 0
回答已采纳
我有一个从服务器获取结果的自动完成表单，但在缓慢的连接上，它变得不稳定，因为数据加载需要时间。有没有我们可以从ajax源中预取数据的方法
浏览 0提问于2012-07-31得票数 0
回答已采纳
1)我必须根据每x秒的值动态地更改图像。
我使用以下函数：
setInterval(function() {
$("#content").load(location.href+" #content>*","");
}, 5000);
它可以很好地更新值，但图像不会更新到它的位置。
2)从第一个问题开始，我想知道head标签中包含的jquery和css文件是否会每x秒加载一次。如果不是，怎么加载？
请给我提个建议。
浏览 0提问于2010-10-04得票数 2
3回答
我正在开发一个web应用程序，它高度依赖于在向用户显示图像之前预先加载图像。但是，根据用户的操作，有时在图像有机会完成加载之前终止加载是很重要的，这样就不会浪费带宽。有可能做到这一点吗？如果是这样的话，具体是怎么做的？
浏览 0提问于2012-09-01得票数 3
回答已采纳
在我的sencha-touch appp中，我有一个通过CSS-transition的后台图像的jquery动画。问题是，淡入淡出到下一个图像不起作用，每个图像都已完全加载一次。因此，第一轮幻灯片的变化不是很顺利。
有没有办法预加载用作css背景图像的图像？太好了！
浏览 1提问于2012-03-07得票数 0
回答已采纳
3回答
我正在为GUI加载一组图像，GUI将为我的客户产品挑选属性。
最好是在开始时预先加载所有图像(我猜这需要一些时间)，然后让GUI具有完整的功能，还是动态加载图像更好。
从本质上讲，我正在开发一个图片/海报框架应用程序。我有一些20+框架，将能够被用户选择，当一个框架被单击时，我在图形用户界面的显示器上更改该框架的图像。
我正在使用Jquery。任何洞察力都将有助于了解这方面的最佳情况。
如果我要预先加载所有的图像，我如何在屏幕上放置一个加载条，就像你在Flash中看到的那样，或者像我在Ajax中看到的加载gif？
谢谢
麦克
浏览 5提问于2009-02-28得票数 2
回答已采纳
1回答
我正在构建一个EmberJS应用程序，它实际上是一个幻灯片放映，幻灯片要么是图像，要么是视频。
我发现，在加载每张幻灯片时，从服务器加载图像或视频时会有一个短暂的延迟。
为了停止这种延迟，我向应用程序控制器添加了一个函数，该函数从我的模型中提取图像urls的列表，然后对它们调用images.forEach(i => { (new Image()).src = i });。这几乎可以立即实现幻灯片渲染，因为图像现在是从缓存中加载的。
我想知道是否有类似的东西，我可以做的视频URL列表？我能找到的关于预加载的唯一信息是向视频标签添加preload属性，但这不会起作用，因为页面HTML在幻灯片
浏览 5提问于2017-06-20得票数 1
3回答
我已经开始试验WebView，以便显示本地存储的HTML文件，这些文件播放一些相当基本的Canvas动画(使用CreateJS库)。
它们看起来真的播放得很好，但有时，页面在图像完全加载之前加载并播放动画(例如，一个动画有相当大的背景图像~1mb)
有没有一种方法可以“加速”，“预加载/预取”图像(如果需要，还可以预取其他资源)，或者简单地等到应用程序将图像加载到内存中(如果它这样做了)，然后再显示和开始动画？
除了最后一个问题，有没有一种方法可以“暂停”动画，并在图像完全加载后才播放？
谢谢
浏览 0提问于2013-06-03得票数 1
我现在正在开发一个web应用程序，它使用Jquery，在一个html文档上有多个页面。这是通过包装在data-role="page"标记中的一系列<div>来完成的。
现在，这只是其中的5页，但是我计划有900页(每一项都有1页)。我的问题是，Jquery是否一次加载html文件中的所有“页面”？
我在想，如果是这样的话，我不可能用这种方式开发这个web应用程序，因为我将有900个页面加载到一个数据库中，一旦加载html文件，就会用评论填充每个页面。
我想我可能会先问一下，然后再去做这个项目。谢谢大家！
更新
我将知道用户将在哪里单击next。我做了一些研究，并认
浏览 2提问于2011-08-10得票数 0
2回答
说我有：
$(function() {
$('a').click(function(e) {
e.preventDefault();
var h = $(this).attr('href');
$('#content').load(h);
});
});
这实际上并不是加载图像，它只是加载内容，如何加载实际的图像呢？
有些人似乎不明白:我的意思是，它确实加载了图像，但没有“预加载”，这意味着您可以单独查看加载的图像。
编辑：假设href等于somepage.html，该页面上有图像和
浏览 4提问于2011-08-14得票数 4
回答已采纳
3回答
我正在使用jQuery来替换页面上的iframe类环境，方法是将页面内容加载到div中，而不是将url加载到iframe中……我对iframe或任何东西没有任何反对意见，但它似乎更干净、更通用(返回html的片段等)，而不是拥有完整的页面。
无论如何，使用一个简单的例子，这会加载两次图像吗？或者在浏览器尝试打开图像之前修改src属性？需要这样做的原因是，它允许正在加载的片段使与其相关的图像工作，但很明显，一旦包含在页面中(在不同的目录中)，相对路径是broken...but。我想这只是一个例子……
$(document).ready(function() {
$("#a_ge
浏览 0提问于2009-08-18得票数 0
回答已采纳
1回答
在发送数据请求时，我使用ajax加载图像加载器.gif文件。我使用beforeSend将图像添加到带有id的div中。当结果被发现时，图像就会显示出来。我用铬检查来看看图像是否会显示，它也会显示。该网页不显示gif。
ajax jquery:
$(document).ready(function(){
$("#whois").submit(function(){
var site = $("#site").val();
$.ajax({
url: "whohelper.php",
type: "
浏览 0提问于2016-06-23得票数 0
我正在开发一个iOS应用程序，其中包含2个VC、mapVC(使用google )和webVC。在mapVC上选择一个注释，然后转换到webVC，并打开相应的网页。但是loadRequest方法在viewDidLoad of webView中太慢，不能等待。
因此，在选择mapView上的引脚时，我希望预先加载web数据，然后使用loadData方法将预加载的数据交给webVC。
但是webVC只显示文本，不显示图像，不显示CSS。我该怎么做才能预加载完整的HTML/CSS/图像？任何建议都很感激。提前谢谢。
我的当前源代码如下所示。
// --- mapViewController ---
-
浏览 7提问于2014-01-31得票数 0
回答已采纳
4回答
是否可以预加载所有页面内容(如显示加载栏/动画gif.或加载文本..)直到内容完全加载，然后显示给用户/访问者？如果这是可能的，你能给我的方向或资源，以实现这一点。因为我能够很容易地找到图像预加载器，但我正在寻找一种预加载技术，将预先加载在页面上的所有内容之前显示。
浏览 5提问于2009-04-08得票数 17
回答已采纳
3回答
图片库，预加载vs AJAX
、、、、
嘿，我正在尝试制作一个图片库，但是我被困在是否应该在页面加载的同时加载所有的图像，或者在它们显示在图片库之前让ajax请求新的图像？
下面的示例显示，我正在查看第二个图像，并且在通过ajax请求加载图像5的同时加载了2个隐藏图像。我想，如果我在正在查看的图像和ajax正在加载的图像之间保留两个加载的图像，那么用户就不必观看图像加载。
Image Gallery (Viewing Single Image)
1 2 3 4 5
+-------+-------+-------+-------+-------+
| |Load
浏览 2提问于2013-01-07得票数 8
2回答
好的，这是我目前的工作代码……
$(window).load(function() {
$("#scroller li").each(function(i) {
$(this).delay(400*i).fadeIn();
});
});
加载窗口后，它会完美地淡入一个接一个的图像中。但在我的页面上，有一些链接调用了一个html文件，该文件包含更多的图像到div中。这个脚本只是淡入图像，当他们加载时，一个接一个地淡入，导致一半的图像淡入...
所以我想要的是，当文档准备好时，它加载所有的图像，然后淡入。
我需要使用jQuery(docum
浏览 1提问于2011-10-26得票数 1
2回答
我在一个cs5 as3项目上工作，在该项目中，我已经编写了主时间线的frame1中的所有代码(代码中没有包/类)，主时间线中的代码非常复杂，其中我正在加载外部图像和xml，以及更多的东西。
我还没有在动作层中编写任何代码。
现在我想添加预加载器。
在这种情况下如何添加预加载器？
以下是时间线的快照：
浏览 1提问于2010-10-22得票数 0
回答已采纳
1回答
我正在开发一个基于图像/文本的故事游戏。不使用任何特定的东西，突出大量依赖于背景图像/图像元素的ui组件。 对我来说，现在的瓶颈之一是屏幕上包含了许多图像(不是滚动视图，只是屏幕上有很多位图)。 在一些上一代设备上，你可以清楚地看到一些关于.2s to .4s的图像出现在屏幕上。我认为这是从光盘加载许多图像的瓶颈。 我通过将图像预加载到内存中解决了这个问题，现在一切都在那里，没有延迟。 我不确定这是否是最好的解决方案，但似乎许多游戏都在做类似的事情(即所有这些游戏加载屏幕)？ 这就是问题所在。这是预加载游戏资源的更好的方式吗？
浏览 22提问于2019-04-21得票数 0
回答已采纳
我目前的index.php页面格式如下：
<?php include ("header.php") ?>
Here is the page content
<?php include ("footer.php") ?>
我在header.php中有一个搜索表单，它的动作是search.php，search.php与上面的格式相同。单击submit之后，由于其内容的原因，search.php需要一些时间才能加载。我喜欢使用ajax将索引内容替换为搜索内容，在加载搜索内容时显示一个图像(loading.gif)；就像我在其他网站上看到的那
浏览 0提问于2011-08-25得票数 0
回答已采纳
我在一个网页中有多个音频文件。我希望它们都准备好在页面加载后立即播放，但它太重了，而且一次完全预加载所有它们是无用的。因此，我只想预加载一定数量的音频，并在播放时加载其余的音频(类似于我们在YouTube par示例中看到的行为)。
我如何在HTML5页面上做到这一点(可能使用Javascript)？
浏览 2提问于2013-12-18得票数 6
2回答
加载大量图像
、、、
我正在开发一个网站，允许用户查看和配置产品。我想开始这个项目时使用的是jquery，css3和html5，在老的浏览器上有一个优雅的降级。
我已经将所有最小的图像合并到几个sprites中，以减少http请求的数量(图像将从一个无combined的子域提供)。顺便说一句，对于每种配置组合，产品必须是360度可见的。这将生成2252张图像(总共15MB)。
这对bandwitdh来说不是什么大问题，因为我们有两台专用服务器，但我只是在考虑改善用户体验的最好方法。
实际上，我只为默认的产品视图预加载图像，然后当用户更改设置时，我加载所需的图像(jQuery在这里提供帮助)。当图像加载时，用户将看到
浏览 0提问于2011-11-18得票数 1
回答已采纳
我希望在创建React应用程序项目中使用Workbox。我正在构建一个应用程序，在这种情况下，加载性能不会显示给最终用户，但非常重要的是，在应用程序流中发生的所有事情都不会显示任何加载或部分图像。
我一直在尝试理解Create React App中的预缓存工作流程。当我构建这个项目时，我得到了一个预先缓存的清单文件，但是加载该页面并不会像人们期望的那样急切地加载资产，其名称是“precache”。我想这是有道理的。你不会想在一个普通的网站或应用程序中预先加载每一张图片。
但是，有没有办法强制执行这种不常见的行为，而不必手动请求每个图像？
谢谢!
浏览 0提问于2019-09-17得票数 0
我有一个javascript carousel图库，它定义了我的图像所在的容器。有必要将我的图像的宽度和高度设置为100%，以便它们是容器的大小，并随容器调整大小。当页面加载到ie中时，大概在javascript加载之前，图像会以页面的100%宽度闪现，因为java还没有加载容器吗？
我的页面是用php写的，它不是用html写的，所以可能是因为php加载的方式吧？
有没有办法让javascript在图片出现之前加载，或者让页面停止显示，这样闪现的图片就看不到了？
谢谢
浏览 0提问于2011-04-06得票数 1
4回答
我已经编写了一个脚本，它非常像flickr的photostream功能。两个彼此相邻的缩略图，当您单击下一个或上一个链接时，下一个(或上一个)两个图像将滑入。凉爽的!
目前，当页面加载时，它会加载两个图像。第一次使用nxt / prv时，接下来的两个图像或前两个图像通过ajax加载，第一个图像的id通过ajax返回并显示两个新图像的url和HTML。
很简单，但这让我想到，在连接速度较慢或服务器负载较重的情况下，加载两个图像，尽管相对较小的缩略图仍然需要一段时间才能加载，而滑动窗格的好处是隐藏的数据最好是快速而平滑地滑入，而不会出现加载延迟。
因此，从性能和良好实践的角度来看，我想知道哪个选项
浏览 0提问于2008-11-02得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
