jquery - Jquery 画像スライド。ズームアウトする

Question

jqueryのスライド機能で画像をズームできたり、画像をドラッグできるバナーを作っています。

1つのことを除いて完璧に機能します。画像の下のスライドで画像を拡大すると、完璧に機能します。必要に応じて画像をドラッグできます。でも、スライド機能でもう一度ズームアウトしたいとき。画像は上と左に遠ざかっています。

画像は、de div にとどまる必要があります。したがって、ズームアウトすると、画像はdivにとどまる必要があります。

そのコードのために私は使用します：

jQuery:

var previousValueL = 30;
var previousValueT = 45;

jQuery の上部にある 2 つの変数。私は 30 と 45 を得たので。画像は、30px から margin-left と 45px から margin-top を取得しました。

        if (sliderValue < previousValueL) {
             var l;
             l = $img.position().left;
             if (l < 30) l = l + (previousValueL - sliderValue);
             $img.offset({
                 left: l
             });
         }
         previousValueL = sliderValue;

        if (sliderValue < previousValueT) {
             var t;
             t = $img.position().left;
             if (t < 45) t = t + (previousValueT - sliderValue);
             $img.offset({
                 top: t
             });
         }
         previousValueT = sliderValue;

このコードは、ズームアウトするためのものです。

次の例も使用できます:
http://jsfiddle.net/DennisBetman/tnaGA/

誰かが私を助けてくれることを願って、

デニス。