Question

我正在尝试使用http://www.skitter-slider.net/处的滑块我已在此处部署了它：http://dl.dropboxusercontent.com/u/105046436/index.html在GALLERY页面。

当我在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>

Answer 1

我认为我的问题与Browser cache images served from Dropbox

有关

我正在使用Dropbox来测试我的文件。 Dropbox的响应头可能将“cache-control”设置为“no-cache”。

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

1 个答案: