我一個網站,有圖像塊,各種尺寸的工作jQuery的設置圖片src(基於父母的電流大小相對寬度,父母也有相對大小窗口)。我使用jquery load
事件改寫基於圖像對象的動態尺寸圖像的src
屬性,保證像素完美的看法。問題在於瀏覽器下載完整大小的圖像,而不是用動態生成的圖像替換它。這導致不必要的負載和速度損失。與負載
如果我讓src
值空的,添加正確的網址呢?我想保持seo優化,所以空的src可能不是一個好主意。如果沒有雙重下載圖像,我可以實現嗎?也許我應該在瀏覽器開始下載src
數據之前使用一個事件。
我的代碼:
$('.image').load(function() {
if (!$(this).hasClass('optimized')) {
$(this).attr('src', '/image-perfection.php?image=' + encodeURIComponent($(this).attr('src')) + '&width=' + $(this).width());
$(this).addClass('optimized');
}
});
但我無法檢測到服務器端的窗口大小,我不希望使用重定向第一負載。我能以某種方式做到這一點,而無需重定向? –
你能幫助我如何檢測服務器端的窗口大小嗎? –
我在我的服務器上使用PHP。 –