jquery - サイズ変更時に jQuery Supersized を破棄する

Question

レスポンシブ Web サイトで Supersized を使用すると問題が発生します。ウィンドウの幅が 480px 未満の場合、Supersized よりも破棄する必要があります。ウィンドウの幅が 480px を超えるように再度サイズ変更すると、Supersized を再初期化する必要があります。私はこのコードを持っています:

$(document).ready(function() {
        var newWindowWidth = $(window).width();
        if(newWindowWidth < 480){
            $("#supersized").remove();
        } else {
            $.supersized({
                slides: [{ image: 'images/bg.jpg', title: ''}]
            });
        }
    });
    $(window).resize(function() {
        var newWindowWidth = $(window).width();
        if(newWindowWidth < 480){
            $("#supersized").remove();
        } else {
            /*var loadSupersizedDiv = jQuery('<div id="supersized"></div>').appendTo(document.body);*/
            $.supersized({
                slides: [{ image: 'images/bg.jpg', title: ''}]
            });
        }
    });

これが完璧ではないことはわかっていますが、現在抱えている問題は、サイズ変更時にすべてのピクセルで超サイズの div が複製されることです。これを回避する方法はありますか？

ありがとう！