jquery - jqueryズームツール

Question

私は必要なことを行うズーム機能を何日も探し回っています。

私が持っているのは、フル サイズで表示される a4 または a3 画像のページです。私が欲しいのは、ユーザーがクリックしてそのポイントにズームインしてからズームアウトしたときです。

私はgzoom、mojomagnifyを試しましたが、画像サイズを設定する必要があるため、近づいていますが、私が望むものとはまったく異なります。また、画像のサイズが動的に設定されるようにtiを実行しましたが、それでも必要なものではありません。

画面上のフルサイズの画像をクリックしてズームインし、クリックしてズームアウトする簡単なツールを知っている人はいますか??

Answer 1

HighSlideズームツールが役立つかもしれません。

Answer 2

画像ズーム プラグインのコレクションがあります10 以上の最高の jQuery ズーム効果プラグイン

Answer 3

jquery ui と js を使用して、スライダーで必要なものをズームします。

refreshZoom = function()
{
var epicContainer = $('#epic_container');
storyMap.zoomfactor = $( "#bit-zoom-slider" ).slider( "value" ) / 100;      
epicContainer.css({'-moz-transform': 'scale(' + storyMap.zoomfactor + ',' + storyMap.zoomfactor + ')', 'zoom': storyMap.zoomfactor,'-webkit-transform': 'scale(' + storyMap.zoomfactor + ')'});
var newWidth = storyMap.origWidth * storyMap.zoomfactor ;
var newHeigth = storyMap.origHeight * storyMap.zoomfactor ;
$('#bit-scrollbar-helper').css({ 'width': newWidth  + 'px'});
};

$('#zoom-slider').slider({
        orientation: "horizontal",
        range: "min",
        max: 150,
        min: 25,
        value: 100,
        slide: function(){refreshZoom()},
        change: function(){refreshZoom()}
        });

Answer 4

ズームには zqzoom を使用します: http://www.mind-projects.it/jqzoom_v10