javascript - onclickでjqueryを使用して座標上の画像をズームします

Question

関数を使用して、定義済みの画像座標で JPEG 画像をズームしたいと考えていonclickます。onclick座標 (x1,y1) と (x2,y2) のセットが既にあり、これらの座標をボタンでズームしたいだけです。

jqueryまたはajaxを使用した解決策を教えてください。

Answer 1

いつでも画像を拡大することができますが、コンテナを固定サイズに保つことができます。

$('button').on('click', function () {
    var coords = '100,100'.split(',');
    $('img').width('400px');
    $('img').css('marginLeft', '-' + coords[0] + 'px');
    $('img').css('marginTop', '-' + coords[1] + 'px');
});

デモ: http://jsfiddle.net/qy7bA/