在媒体查询/浏览器调整大小时重新加载 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;
});