2012-10-30 197 views
2
引起的圖像重裝

我用這段JavaScript代碼來設置圖像的src到現有圖像的圖像源:的jQuery - 設置IMG SRC已經通過瀏覽器加載圖像 - 在Safari

var src = $('#thumbnailImg' + pageNum).attr('src'); 
$('#mainAppImageImg').attr('src', src); 

在Firefox和IE可以按照預期工作 - 圖像使用現有圖像,不會再從服務器請求圖像。

在Safari中,它導致圖像從服務器重新加載。我認爲這是因爲我在服務器返回的圖像頭部中做了錯誤的事情,但這不是我知道的很多主題。

您可以在此處看到此操作:http://www.las.si/tryitout.php

+0

默認情況下,圖像將被重新加載,您可以使用精靈來防止重新加載圖像。 – Dev

+0

您無法使用精靈設置圖像寬度和高度 –

+0

感謝您的快速響應。 @Dev幾個後續:#1我認爲默認情況下,瀏覽器會嘗試緩存的圖像。 #2你使用sprite是什麼意思? – CharlesA

回答

2

正如開發說:

默認情況下,圖像將被重新加載

你應該使用你的圖片文件夾中的.htaccess文件強制服務器高速緩存圖像:

Header unset Pragma 
Header set Cache-Control "public, max-age=10000, must-revalidate" 

這樣,safari和chrome將重用您的瀏覽器緩存。

您也可以使用canvas元素搜索在base64,服務器端或客戶端編碼圖像。

+0

真棒 - 這是破解它 - 謝謝! – CharlesA

相關問題