在媒体查询/浏览器调整大小时重新加载jquery脚本

Question

我正在使用this jquery / css3滑块，并希望让它具有响应性。

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

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

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

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

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

提前致谢！

Answer 1

尝试在window.resize function中编写代码，如：

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