刷新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; 
});