刷新jquery脚本媒体查询/浏览器调整大小

Question

我正在使用this jquery/css3滑块，并希望使其响应。

<http://jsfiddle.net/mj13/dQTS4/2/> 

此滑块的问题是它使用切片/蒙版来显示图像。在页面加载时，脚本'获取'图像大小并基于该图像创建切片/蒙版。

我设法在浏览器调整大小（宽度：33％）时使滑块切片缩放。 但是，当我调整图像大小时，问题就出现了，因为缩放的“切片”是最初抓取到的图像的百分比。

我已经尝试创建媒体查询以不同的屏幕尺寸显示不同的图像。不幸的是，该脚本基于页面加载时的屏幕大小创建这些图像切片！

有什么方法可以重新加载jquery脚本或其中的一部分，当页面大小调整时创建图像切片？我愿意考虑其他选择。

在此先感谢！

Answer 1

尝试写你的代码window.resize function，如：

$(window).resize(function() { 
    // add the stuff here to execute the your slider again; 
});