我正在尝试在http://www.skitter-slider.net/上使用滑块, 我已将其部署在此处: GALLERY 页面上的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>