jQuery - 简单的滑块插件图像“截断”

时间:2010-11-08 12:38:02

标签: jquery jquery-plugins

我实现并略微修改了easy slider jQuery插件。

问题在于 有时 图像会完全加载。

这是一张图片:

这是应该如何: alt text

它似乎很随机,但每当我进行硬刷新时,(cmd + shift + r或ctrl + f5)它每次都有效。

我不太确定问题出在哪里。

我给你一个live example,希望它有所帮助,我会给你我使用的代码(但大多数你可以在示例中看到),我会知道要告诉你什么。

我希望我不要模糊,请询问您是否需要澄清。

提前致谢!

特鲁法

1 个答案:

答案 0 :(得分:3)

你想在这里使用window.onload而不是document.ready(主要区别在于onload触发时图片被加载),如下所示:

$(window).load(function(){  
  $("#slider").easySlider({
    auto: false, 
    continuous: true
  });
});

当Easy滑块计算高度等时,需要加载你的图像,在适当的时候运行插件应该解决...因为它不会运行直到它们被加载并且具有正确的尺寸。