由JavaScript或jquery的減少在PHP圖像文件大小

Question

我在我所使用的PHP代碼與1個像素的高度和寬度的網頁顯示來自一個特定的文件夾中的圖像的腳本工作

<?php 
    $files = glob("images/*.*"); 
    for ($i=1; $i<count($files); $i++) 
    { 
    $num = $files[$i]; 
    print $num."<br />"; 
    echo '<img src="'.$num.'" alt="random image" height="1px" width="1px" />'."<br /><br />"; 
    } 
?> 

這個腳本工作正常，並在我的網頁上顯示圖像的高度和寬度爲1像素太小。但現在我想在網頁上減少每個顯示圖像的圖像文件大小（顯示1像素的高度和寬度）以避免網頁加載問題。任何人都可以通過jquery或javascript幫助我減少圖像文件的大小。

Answer 1

您可以通過使用imagecopyresized與PHP

或延遲加載圖像生成縮略圖後觸發的事件