ImageMapster-图像不';t垂直居中+;如何制作鼠标悬停效果?
在ImageMapster中使用image map时,我尝试将图像垂直和水平居中,但没有成功 我补充说:ImageMapster-图像不';t垂直居中+;如何制作鼠标悬停效果?,image,map,positioning,mouseover,imagemapster,Image,Map,Positioning,Mouseover,Imagemapster,在ImageMapster中使用image map时,我尝试将图像垂直和水平居中,但没有成功 我补充说: #mapster_wrap_0 img{margin: 0 auto; align: center; vertical-valign: middle;} 但静止图像在底部 我还需要在imageMapster的脚本中定义OnMouseOver效果,但我只是不知道怎么做-我有4个区域,所以我需要这样的效果,但它不起作用 <script language="JavaScript" ty
#mapster_wrap_0 img{margin: 0 auto; align: center; vertical-valign: middle;}
但静止图像在底部
我还需要在imageMapster的脚本中定义OnMouseOver效果,但我只是不知道怎么做-我有4个区域,所以我需要这样的效果,但它不起作用
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
var ImgAry= ['str_glowna5.png','str_glowna5pl.png','str_glowna5en.png','str_glowna5es.png','str_glowna5ru.png']
var MapAry=[];
for (var zxc0=0;zxc0<ImgAry.length;zxc0++){
MapAry[zxc0]=new Image();
MapAry[zxc0].src=ImgAry[zxc0];
}
function Swap(id,nu){
document.getElementById(id).src=MapAry[nu].src;
}
/*]]>*/
</script>
//
<AREA SHAPE="RECT" coords="24,509,85,566" HREF="opis_ru.htm" TITLE="Russian" onmouseover="Swap('img',4);" onmouseout="Swap('img',0);" >
/*
//
请帮助一般来说,要在与imagemapster绑定的图像上使用CSS,您应该对包装应用样式,而不是图像本身,例如
-- CSS
.mapster-wrapper {
style="margin: 0 auto; align: center; vertical-valign: middle;"
}
-- HTML
<div class="mapster-wrapper">
<img usemap="..." src="...">
<div>
--CSS
.mapster包装器{
style=“边距:0自动;对齐:居中;垂直有效:中间;”
}
--HTML
ImageMapster必须严格控制图像本身上的CSS,才能使其分层效果正常工作。只需将所有样式应用于您自己的图像包装器。可以向imagemapster创建的包装器添加自定义类:
$('#my_img').mapster({
(...)
wrapClass: 'imageMapster_wrapper'
});
那你就这么做吧
.imageMapster_wrapper {
margin:0px auto;
}
在CSS中,正如Jamie Treworgy已经建议的那样