Question

我一直在寻找能够满足我所需要的缩放功能的日子。

我所拥有的是一个包含a4或a3图像的页面，以完整尺寸显示。我想要的是当用户点击放大该点然后缩小时。

我已经尝试了gzoom，mojomagnify但它们接近但不完全是我想要的因为它们必须设置图像大小。我也做了ti，所以图像的大小是动态设置的，但仍然不是我需要的。

有没有人知道我需要的简单工具，屏幕上的全尺寸图像点击放大并点击缩小？

Answer 1

也许HighSlide缩放工具可以帮助您。

Answer 2

对于缩放，我使用zqzoom：http://www.mind-projects.it/jqzoom_v10

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

有一组图像缩放插件10+ Best jQuery Zoom Effect Plugins

jquery缩放工具

4 个答案: