时间戳

首页 > 解决方案 > 浏览器在 3 秒后停止从缓存中加载照片？

javascript - 浏览器在 3 秒后停止从缓存中加载照片？

问题描述

很难选择正确的代码来描述这个问题。

我有缩略图，在页面加载时从服务器加载了照片。当您单击缩略图时，它将更改大preview容器的img来源。会发生什么：

  1. 网站开始加载
  2. 所有缩略图都将他们的照片放在适当的位置
  3. 我开始用拇指玩，它工作得很快——我点击拇指，preview图像立即改变。 没有一次又一次地从互联网上重新加载
  4. 网站由于某种原因继续加载（我在地址栏上看到
  5. 在它完成加载的那一刻- 拇指会变慢 - 现在我点击一个拇指，图像将从互联网加载（2秒）。

所以我的画廊在 2-4 秒后变得毫无用处。

例如，这是更改照片 + 拇指 html 的代码。

    function thumb(arg){

       var pid= "productPhoto"+arg ;
       var prvimgShow = document.getElementById(pid).src;
       var previmgShow = document.getElementById("preview").src;
       if(prvimgShow===previmgShow)return;
       currentPP=document.getElementById(pid);
         $("#preview").attr("src",prvimgShow);
    }
     <div class="thumb  shadow"    onclick="thumb(1)"  ><img id="productPhoto1"/></div>

什么会导致缓存停止工作？我以后会以某种方式超载吗？（我不认为我是）

标签： javascripthtml

解决方案

推荐阅读