❶ javascript html 载入图片 为什么总是重复加载同一张图片

只要每次请求图片的url不变 读的都是浏览器缓存，所以不用纠结这个

或者你可以多写几个img，每次轮换着show/hide

❷ html 怎么让图片预先加载完, 用img标签的时候图片加载可慢了

您好，可以使用JS代码中的onload方法，这是页面载入事件，当你打开页面时，首先会加载onload事件中的内容。一般来说，为了给用户有良好的使用体验，会在onload中放入默认图片，也就是常见的图片加载中的图片，而不会直接显示空白，然后按照文档流来执行后面的img标签，再加载对应的实际图片，希望对您有帮助。

❸ HTML加载图片性能问题

1. 缩略图必需。即使做懒加载，图片大的话，网络负载还是很大，流量，服务器负载和浏览器负载都很大。
2. img 的 width 和 height 属性只是定义了图片的大小，和 src 指定的图片直接加载没有什么区别。两种写法网络和服务器的负载都是相同的，浏览器方面，要看各个浏览器的处理方式，但总的来说，两种写法内存消耗基本不变。

❹ 为什么我在html里加图片运行时图片加载不出来

你的图片路径有问题。不准确完整
推荐使用相对路径。
比如1.html和1.jpg这两个文件在同一级文件夹里。
则src="./1.jpg"或直接写 “1.jpg”

❺ 由于html中图片较多,怎样让图片加载速度加快

把 图片 优化一下，这个做图片的应该懂，，还有就是把 一 大 的图片 拆成小 图片 拼起来！！你 一张 图片几兆大 肯定 加载慢！

❻ HTML加载图片！！！！

建议看CSS帮助手册

很清楚的

❼ html中能显示图片流吗

你好。

可以用流的形式往客户端写文件，也就是在客户端看来是文件，在服务器看来是流。

实际上验证码图形输出都是这么做的。

给你个例子：

MemoryStream ms = new MemoryStream();
img.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
//更改Http头
Response.ClearContent();
Response.ContentType = "image/gif";
Response.BinaryWrite(ms.ToArray());
//Dispose
gfc.Dispose();
img.Dispose();
Response.End();

❽ 我用html显示一张图片的时候，在图片加载的过程中显示一个转圈的图 如何用html实现了

你自己准备一张转圈的GIF动画，路径是images/loading.gif
<div style="background:url(images/loading.gif) no-repeat center center;">
<img src="大图片地址" id="timg" onload="this.style.display='block'" style="display:none">
</div>

模拟吧，效果肯版定不如jQuery插件的权。

❾ JavaScript怎么判断图片是否加载完成以便获

JavaScript判断图片是否加载完成

使用onload属性可以监听img标签src图片流加载状态.

<!DOCTYPEhtml>
<html>
<head>
	<title>测试</title>
</head>
<body>
	<imgsrc="./1.jpg"onload="alert('加载完成');"/>

</body>
</html>

❿ 如何能html改图片时直接使用本地缓存，完全不走流量(html 或 javascript 解决方案,chrome浏览器)

首先…作为吊丝程序员（学生现役）…给几个吊丝的方法。

预加载隐藏

//在预加载的时候，直接读出隐藏的图片
$("#blablabla").append($.("#someImg").clone());
$("#blablabla").last().attr("sec",$.load("url~~~",function(){
//做一下隐藏
}));

然后在一直到某点--》之后…就把原来的图片替换掉。

style的样式…如果还不一样的话……就是自己代码的问题了……


用web Strorage

简单来说…把图片数据流化并且放入web strorage,然后在读取的时候生产图片，并且放入img容器。


304状态是必要的

服务器端和客户端使用Conditional Gets功能验证缓存数据

客户端将条目放在缓存里，在过期之后重新验证。服务器端必须实现Conditional GET功能（使用ETags或者last modified的header）。

JS代码：

$.ajax（{
url:'/Home/ExpiresWithConditional',
ifModified:true,//这里是关键
cache:true,
success:function（data,status,xhr）{
$（'#content'）.html（data.count）；
}
}）；

而让服务端响应304状态是确保在图片被修改过以后，能够再返回一个不同的值……

所以……

流量还是不要省了……→_→