緩存後圖片滑塊顯示不正確

我正在開發一個簡單的網站，該網站必須在索引上具有圖片滑塊。我從互聯網上得到了一個代碼，這個例子確實是我想要的。緩存後圖片滑塊顯示不正確

當我將它應用到我的頁面時，出現了這個問題。我注意到，當頁面被緩存時，圖像會一個顯示在另一個下面，而不是保留在滑塊中。像這樣：jsfiddle

我正在使用XAMPP（所以Apache），但我還不知道當網頁啓動時我會用什麼，因爲我們還沒有確定域名。

我發現它適用於谷歌瀏覽器的解決方案，就這麼簡單添加

<?php header('Cache-Control: no-cache'); ?>

的頭。問題是，IE和Firefox似乎不接受這個...

有些建議嗎？非常感謝你。

編輯：添加緩存控制適用於Chrome在我的本地主機，但它不在我的臨時域（canterasriomino.site90.com）。我不知道該怎麼辦。

EDIT2：好的，現在的問題是在腳本，因爲它只能在菜單按鈕，當點擊（其中使用jQuery更新「maincont」的內容...有些建議打破了感謝

我發現一個簡單的解決方案很久以前，是否有利於在這裏我不知道，每當我導入我的腳本我的時間添加到末尾

<script type="text/javascript" src="jquery.js"></script>

成爲

<script type="text/javascript" src="jquery.js?<?=time()?>"></script>

加入時間會停止頁面緩存文件，我希望它可以幫助

2014-11-23 13:13:25 MJPinfield

感謝您的幫助。無論如何，它不適合我。 – jjimenezg93 2014-11-23 13:18:44

對不起，只是爲了檢查你是否確保清除緩存？ – MJPinfield 2014-11-23 15:45:19

是的，就是這一點。第一次通常顯示正確，但它似乎保存一個緩存副本，然後顯示錯誤時。這就是爲什麼我想要避免緩存的一種方法 – jjimenezg93 2014-11-23 16:17:06

回答