0

我正在使用这个jquery/css3 滑块,并希望它具有响应性。

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

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

我设法使滑块切片在调整浏览器大小时缩放(宽度:33%)。但是,当我调整图像大小时,问题就出现了,因为缩放的“切片”是最初以 100% 抓取的图像的切片。

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

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

提前致谢!

4

1 回答 1

3

尝试编写您的代码window.resize function

$(window).resize(function() {
  // add the stuff here to execute the your slider again;
});
于 2013-02-18T04:24:37.790 回答