几天来,我一直在寻找可以满足我需要的缩放功能。
我所拥有的是一个带有全尺寸显示的 a4 或 a3 图像的页面。我想要的是当用户单击放大该点然后缩小时。
我尝试过 gzoom、mojomagnify,但它们接近但不完全是我想要的,因为它们必须设置图像大小。我也做了 ti 以便动态设置图像的大小,但仍然不是我需要的。
有谁知道一个简单的工具可以满足我的需要,屏幕上的全尺寸图像单击放大并单击缩小?
也许HighSlide缩放工具可以帮助你。
对于缩放,我使用 zqzoom: http: //www.mind-projects.it/jqzoom_v10
使用 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()}
});
有一系列图像缩放插件10+ Best jQuery Zoom Effect Plugins