레이어로 그림 보이기 any119에 사용 > JavaScript

<script language="JavaScript">
    <!--
    function MM_findObj(n, d) { //v3.0
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
    }
   
    function MM_showHideLayers() { //v3.0
      var i,p,v,obj,args=MM_showHideLayers.arguments;
      for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
        if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
        obj.visibility=v; }
    }
   
    function MM_openBrWindow(theURL,winName,features) { //v2.0
      window.open(theURL,winName,features);
    }
    //-->
 </script>
       
 <div id="all" style="position:absolute; left:5px; top:5px; width:200px; height:260px; z-index:1; background-color: #ffffff; layer-background-color: #31B2C8; border: 1px none #000000;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" vspace="0" hspace="0">
        <tr valign="bottom">
            <td>
                <img src=/kor/product/sexyguy1/hamster22.jpg border=0>   
            </td>
        </tr>
    </table>
 </div>
 <div id="m1" style="position:absolute; left:5px; top:5px; width:200px; height:260px; z-index:2; background-color: #ffffff; layer-background-color: #31B2C8; border: 1px none #000000; visibility: hidden">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" vspace="0" hspace="0">
        <tr valign="bottom">
            <td>
                <img src=/kor/product/sexyguy1/hamster2side.jpg border=0>   
            </td>
        </tr>
    </table>
 </div>

 <div id="m2" style="position:absolute; left:5px; top:5px; width:200px; height:260px; z-index:2; background-color: #ffffff; layer-background-color: #31B2C8; border: 1px none #000000; visibility: hidden">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" vspace="0" hspace="0">
        <tr valign="bottom">
            <td>
                <img src=/kor/product/sexyguy1/hamster2back.jpg border=0>   
            </td>
        </tr>
    </table>
 </div>
 <div id="m3" style="position:absolute; left:5px; top:5px; width:200px; height:260px; z-index:2; background-color: #ffffff; layer-background-color: #31B2C8; border: 1px none #000000; visibility: hidden">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" vspace="0" hspace="0">
        <tr valign="bottom">
            <td>
                <img src=/kor/product/sexyguy1/hamster2over.jpg border=0>   
            </td>
        </tr>
    </table>
 </div>
 <script language="Javascript">
 <!--
function popup(val)
 {
                var url = "/kor/product/pro_bigview.html?p_uid=" + val;
                zip_win = window.open(url, 'new','width=400, height=530, scrollbars=no resizable=no top=0,left=160');
                zip_win.focus();
 }
//-->
 </script>
                       

 <p><a href='#' onClick="popup('5')">【크게】</a>
 <a href="#" onmouseover="MM_showHideLayers('m1','','show','m2','','hide','m3','','hide')" onmouseout="MM_showHideLayers('m1','','hide','m2','','hide','m3','','hide')">【측면/</a>
 <a href="#" onmouseover="MM_showHideLayers('m1','','hide','m2','','show','m3','','hide')" onmouseout="MM_showHideLayers('m1','','hide','m2','','hide','m3','','hide')">뒷면】</a>
 <a href="#" onmouseover="MM_showHideLayers('m1','','hide','m2','','hide','m3','','show')" onmouseout="MM_showHideLayers('m1','','hide','m2','','hide','m3','','hide')">【내용】</a>