我正在使用这个jquery/css3 滑块,并希望它具有响应性。
<http://jsfiddle.net/mj13/dQTS4/2/>
这个滑块的问题在于它使用切片/蒙版来显示图像。在页面加载时,脚本“获取”图像大小并基于该图像创建切片/蒙版。
我设法使滑块切片在调整浏览器大小时缩放(宽度:33%)。但是,当我调整图像大小时,问题就出现了,因为缩放的“切片”是最初以 100% 抓取的图像的切片。
我已经尝试创建媒体查询以在不同的屏幕尺寸下显示不同的图像。不幸的是,该脚本会根据页面加载时的屏幕尺寸创建这些图像切片!
是否有某种方法可以重新加载 jquery 脚本或在调整页面大小时创建图像切片的部分?我愿意考虑其他选择。
提前致谢!