Jquery imagemapster缩放和平移
我尝试使用来缩放和平移imagemapster,但当图像通过iviewer加载时,imagemapster无法工作。也许这是不可能的? 图像url必须作为iviewer函数的参数传递给iviewer。 我尝试使用jquery后缀将classname和usemap='map'添加到图像中,以便imagemapster可以访问图像映射,但尽管classname和usemap值在生成的html中可见,imagemapster显然无法访问它们,或者不知怎的不起作用Jquery imagemapster缩放和平移,jquery,zooming,pan,imagemapster,Jquery,Zooming,Pan,Imagemapster,我尝试使用来缩放和平移imagemapster,但当图像通过iviewer加载时,imagemapster无法工作。也许这是不可能的? 图像url必须作为iviewer函数的参数传递给iviewer。 我尝试使用jquery后缀将classname和usemap='map'添加到图像中,以便imagemapster可以访问图像映射,但尽管classname和usemap值在生成的html中可见,imagemapster显然无法访问它们,或者不知怎的不起作用 $(document).ready(f
$(document).ready(function() {
var iv1 = $("#image-container").iviewer({
src: "images/image.jpg",
update_on_resize: false,
zoom_animation: false,
mousewheel: false,
onMouseMove: function(ev, coords) { },
onDrag: function(ev, coords) { }
});
$('#image-container').attr({'class': 'basicmap','usemap': '#map'});
$('#image-container img').attr('id','kartstort_mapholder');
$('#kartstort_mapholder').mapster({
clickNavigate: true,
mapKey: 'omrade',
render_highlight: {
fillColor: 'ff0000',
fillOpacity: '0.3'
},
render_select: {
fillColor: 'ffcc00',
fillOpacity: '0.4'
},
areas: [{
key: 'parker',
render_select: {
fillColor: '74c300',
fillOpacity: '0.6'
}
},
{
key: 'plasser',
render_select: {
fillColor: '0099ff',
fillOpacity: '0.6'
}
}
]
});
关于如何实现我的目标,这里有什么提示吗?你成功做到了吗?我最后使用了鼠标滚动的方式,如果我们需要怎么做?我相信在那种情况下拖拉是行不通的。