为什么滑块一次又一次地加载图像？

我试图使用滑块在http://www.skitter-slider.net/ 我已经在这里部署它：http://dl.dropboxusercontent.com/u/105046436/index.html在库页。为什么滑块一次又一次地加载图像？

当我在Chrome开发工具中观看网络面板时，似乎插件每次显示图像时都会加载图像，而不仅仅是一次。我对不对？如果是的话，有什么办法解决这个问题？（或者增加一个缓存选项...）

这不是主站点（http://www.skitter-slider.net/）发生

任何建议将是有益的

我的JS代码：

<script type="text/javascript"> 
var box_skitter_large = null; 
    $(document).ready(function() { 
     $(".box_skitter").skitter({ 
      theme: "square", 
      numbers_align: "center", 
      dots: true, 
      preview: true, 
      focus: true, 
      focus_position: "leftTop", 
      controls: true, 
      controls_position: "leftTop", 
      progressbar: true, 
      enable_navigation_keys: true, 
      onLoad: function(self) { 
       if (this.thumbs) $('.border-skitter').height(350); 
       box_skitter_large = self; 
      } 
     }); 
    }); 
</script>

我的HTML代码：

<div class="box_skitter skitter-square" style="top: 0px; left: 0px; position: relative; z-index: 9999;"> 
    <ul style="display: none;"> 
     <li><img src="/u/105046436/images/gallery/1.jpg" /></li> 
     <li><img src="/u/105046436/images/gallery/2.jpg" /></li> 
     . 
     . 
     . 
     <li><img src="/u/105046436/images/gallery/16.jpg" /></li> 
    </ul> 
</div>

来源

2013-06-29 sinhayash

我会说你以某种方式不使用缓存服务器端，检查，看看你的响应头，迫使：'缓存控制：无cache' –

我想我的问题是我使用Dropbox的测试我的文件相关Browser cache images served from Dropbox

。从Dropbox的响应头可能有“缓存控制”设置为“无缓存”。

来源

2013-06-29 08:55:58 sinhayash

所以用自己的服务器来显示图像。顺便说一句，你已经发布这个答案很好，可以帮助其他人。 –

是的，谢谢。如果图像被一次又一次地加载，滑块过渡开始落后。 – sinhayash

为什么滑块一次又一次地加载图像？

回答

相关问题