onMouseOver, onMouseOut 동시사용하여 이미지 롤오버시 변화부분질문이에요..?? 정보
onMouseOver, onMouseOut 동시사용하여 이미지 롤오버시 변화부분질문이에요..??본문
<style>
#picture {position: relative; z-index:0; }
#picture_over {position: relative; z-index:80; }
#picture_out {position: relative; z-index: 0; }
</style>
<div id="picture" onMouseOver="this.id='picture_over';picture_out.style.zIndex=80;" onMouseOut="this.id='picture';picture_out.style.zIndex=0;" style="left:-10px; ">
<a href="<?=$list[$i][href]?>"><img src="<?=$img_src?>" alt="<?=$list[$i][subject]?>" title="<?=$list[$i][subject]?>" class = "instant corner preserve icolorEAEAEA ishadow80 noshading" /></a></div>
위와 같이 소스 사용했지만. 처음에 마우스 올린 이미지만 나오고 다른 이미지는 사라지는
현상이 나옵니다..
onMouseOver, onMouseOut에서 충돌이 나는 듯한데.. 방법을 몰라서 이케 올립니다...
#picture {position: relative; z-index:0; }
#picture_over {position: relative; z-index:80; }
#picture_out {position: relative; z-index: 0; }
</style>
<div id="picture" onMouseOver="this.id='picture_over';picture_out.style.zIndex=80;" onMouseOut="this.id='picture';picture_out.style.zIndex=0;" style="left:-10px; ">
<a href="<?=$list[$i][href]?>"><img src="<?=$img_src?>" alt="<?=$list[$i][subject]?>" title="<?=$list[$i][subject]?>" class = "instant corner preserve icolorEAEAEA ishadow80 noshading" /></a></div>
위와 같이 소스 사용했지만. 처음에 마우스 올린 이미지만 나오고 다른 이미지는 사라지는
현상이 나옵니다..
onMouseOver, onMouseOut에서 충돌이 나는 듯한데.. 방법을 몰라서 이케 올립니다...
댓글 전체
onMouseOut에서 id를 picture로 바꾸셨는데, picture_out.style.zindex를 0으로 지정하도록 해놓으셨네요.
<div id="picture" onMouseOver="this.id='picture_over';picture_out.style.zIndex=80;" onMouseOut="this.id='picture';picture.style.zIndex=0;" style="left:-10px; ">
이렇게 고치면 되지 않을까요?
<div id="picture" onMouseOver="this.id='picture_over';picture_out.style.zIndex=80;" onMouseOut="this.id='picture';picture.style.zIndex=0;" style="left:-10px; ">
이렇게 고치면 되지 않을까요?