javascript - jquery uiスライダーハンドル位置のリセット

Question

jquery ui スライダーに問題があります。div内でズームおよびパンできるオーバーフローが非表示のdivに画像があります。スライダーは画像のズームインとズームアウトを制御します。問題は、リセットまたは画像の変更をクリックすると、ハンドラーが最初の位置 (スライダーの中央) に戻らないことです。

このライブの例に従ってください: http://jsfiddle.net/omegaiori/QWfHE/3/embedded/result/ スライダーを使用して最大サイズにズームインし、リセットボタンを押します。何が起こるかというと、画像は元のサイズに縮小されますが、再びズームインすることはできません。

スライダーの機能は次のとおりです。

    $(function () {
        $("#slider-vertical").slider({
            orientation: "vertical",
            range: "min",
            min: 0,
            max: 1000,
            value: 500,
            slide: function (event, ui) {
                var prevVal = $("#amount").val();
                var newVal = ui.value;
                if (prevVal > newVal) {
                    zoomOut();
                } else {
                    zoomIn();
                }

                $("#amount").val(ui.value);
            }
        });
        $("#amount").val($("#slider-vertical").slider("value"));
    });

条件が変わるたびに（写真を変更したり、リセットまたはフィットボタンを押したり）、jquery uiスライダーのハンドルが所属する場所に戻る必要があります..スライダーの中央に:)

誰でも私を助けてくれますか？それは素晴らしいでしょう:)