❶ 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狀態是確保在圖片被修改過以後，能夠再返回一個不同的值……

所以……

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