在ajax加載緩存圖像地址

Question

我正在創建一個ajax滑塊來顯示圖像。它完美的工作，但問題是圖像緩存。當圖像發生變化時，由於這是ajax負載，因此此處不存在緩存，並且延遲顯示圖像。我如何顯示圖像沒有任何延遲？這裏是我的代碼：

JS：

$(document).ready(function(){ 
     var auto = setInterval(function(){ 
      $("#test").load("ajax.php", {count : count}, function(){ 
       count = count + 1; 
       if (count == 5) { 
        count = 0; 
       } 
      }).fadeOut(100).fadeIn(100); 
     },3000); 

PHP在ajax.php：

<?php 
    $pathArray = array("<img src='pic/85.jpg' width='128' height='169'>", 
         "<img src='pic/18.jpg' width='128' height='169'>", 
         "<img src='pic/7.jpg' width='128' height='169'>", 
         "<img src='pic/004.jpg' width='128' height='169'>", 
         "<img src='pic/26.jpg' width='128' height='169'>" 
); 

    if (isset($_POST["count"])) { 
     echo $pathArray[intval($_POST["count"])]; 
    } 
?> 

Answer 1

您的瀏覽器應該是自動緩存圖像路徑無論在哪裏文字是從哪裏來的，無論是它的硬編碼，Java腳本AJAX或任何其他，除非你另有規定。

如果有什麼是緩慢的，這似乎是你的網絡...

你總是可以創建一個JavaScript數組和路徑保存到圖片，如果它的使用計數之前被調用。

if (typeof images[count] != 'undefined') { 
    // call ajax and save the path here, 
} else { 
    // display image 
}