드림위버 롤오버요~ 정보
드림위버 롤오버요~본문
드림위버로 메뉴들 롤오버효과를 했는데요. f12키로 확인했을땐 롤오버효과가 메뉴전체다 적용이 되있습니다.
ftp 업로드 시키고나서 확인해보면...
어떤건 롤오버가 되고 어떤건 롤오버효과가 적용이 안되있는건지 마우스 가져가도 안보입니다.
왜그런건지 아시나요? 3번째것만 적용되고 나머진 적용이 안되어있어요 ㅠㅠ
<td width="190" height="40"><a href="sub3.html" target="_self" onmouseover="MM_swapImage('Image3','','img/sub3/sub3-1roll.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="img/sub3/sub3-1.jpg" name="Image3" width="190" height="40" border="0" id="Image3" /></a></td>
</tr>
<tr>
<td width="190" height="40"><a href="sub3-2.html" target="_self" onmouseover="MM_swapImage('Image4','','img/sub3/sub3-2roll.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="img/sub3/sub3-2.jpg" name="Image4" width="190" height="40" border="0" id="Image4" /></a></td>
</tr>
<tr>
<td width="190" height="40"><a href="sub3-3.html" target="_self" onmouseover="MM_swapImage('Image5','','img/sub3/sub3-3roll.jpg',0)" onmouseout="MM_swapImgRestore()"><img src="img/sub3/sub3-3.jpg" name="Image5" width="190" height="40" border="0" id="Image5" /></a></td>
</tr>
<tr>
<td width="190" height="40"><a href="sub3-4.html" target="_self" onmouseover="MM_swapImage('Image6','','img/sub3/sub3-4roll.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="img/sub3/sub3-4.jpg" name="Image6" width="190" height="40" border="0" id="Image6" /></a></td>
</tr>
<tr>
<td width="190" height="40"><a href="sub3-5.html" target="_self" onmouseover="MM_swapImage('Image7','','img/sub3/sub3-5roll.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="img/sub3/sub3-5.jpg" name="Image7" width="190" height="40" border="0" id="Image7" /></a></td>
</tr>
<tr>
<td width="190" height="40"><a href="sub3-6.html" target="_self" onmouseover="MM_swapImage('Image8','','img/sub3/sub3-6roll.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="img/sub3/sub3-6.jpg" name="Image8" width="190" height="40" border="0" id="Image8" /></a></td>
</tr>
ftp 업로드 시키고나서 확인해보면...
어떤건 롤오버가 되고 어떤건 롤오버효과가 적용이 안되있는건지 마우스 가져가도 안보입니다.
왜그런건지 아시나요? 3번째것만 적용되고 나머진 적용이 안되어있어요 ㅠㅠ
<td width="190" height="40"><a href="sub3.html" target="_self" onmouseover="MM_swapImage('Image3','','img/sub3/sub3-1roll.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="img/sub3/sub3-1.jpg" name="Image3" width="190" height="40" border="0" id="Image3" /></a></td>
</tr>
<tr>
<td width="190" height="40"><a href="sub3-2.html" target="_self" onmouseover="MM_swapImage('Image4','','img/sub3/sub3-2roll.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="img/sub3/sub3-2.jpg" name="Image4" width="190" height="40" border="0" id="Image4" /></a></td>
</tr>
<tr>
<td width="190" height="40"><a href="sub3-3.html" target="_self" onmouseover="MM_swapImage('Image5','','img/sub3/sub3-3roll.jpg',0)" onmouseout="MM_swapImgRestore()"><img src="img/sub3/sub3-3.jpg" name="Image5" width="190" height="40" border="0" id="Image5" /></a></td>
</tr>
<tr>
<td width="190" height="40"><a href="sub3-4.html" target="_self" onmouseover="MM_swapImage('Image6','','img/sub3/sub3-4roll.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="img/sub3/sub3-4.jpg" name="Image6" width="190" height="40" border="0" id="Image6" /></a></td>
</tr>
<tr>
<td width="190" height="40"><a href="sub3-5.html" target="_self" onmouseover="MM_swapImage('Image7','','img/sub3/sub3-5roll.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="img/sub3/sub3-5.jpg" name="Image7" width="190" height="40" border="0" id="Image7" /></a></td>
</tr>
<tr>
<td width="190" height="40"><a href="sub3-6.html" target="_self" onmouseover="MM_swapImage('Image8','','img/sub3/sub3-6roll.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="img/sub3/sub3-6.jpg" name="Image8" width="190" height="40" border="0" id="Image8" /></a></td>
</tr>
댓글 전체
<body onload="MM_preloadImages('sub3-1roll.jpg','sub3-2roll.jpg','sub3-3roll.jpg','sub3-4roll.jpg','sub3-5roll.jpg','sub3-6roll.jpg')">
이렇게 되어있는지 확인 해보세요
이렇게 되어있는지 확인 해보세요
<body bgcolor="#FDFCF9" onload="MM_preloadImages('img/sub3/sub3-1roll.jpg','img/sub3/sub3-2roll.jpg','img/sub3/sub3-4roll.jpg','img/sub3/sub3-5roll.jpg','img/sub3/sub3-6roll.jpg')"> 이렇게 되있네요!!!! 와!!! 지우면 되겠죠????!!! 지워도되는거죠???? 지웠는데.. ㅠ 그래도.. 롤오버가 안되는데.. ㅠ 어떻게 해결하죠????
답변좀 꼭좀!!! 새벽비님!!!!! 부탁드립니다!!
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
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);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
이 스크립트가 있어야 하구여
<body bgcolor="#FDFCF9" onload="MM_preloadImages('img/sub3/sub3-1roll.jpg','img/sub3/sub3-2roll.jpg','img/sub3/sub3-4roll.jpg','img/sub3/sub3-5roll.jpg','img/sub3/sub3-6roll.jpg')"> 삭제하면 안되구요
그리고 Image3~Image8까지를 Image1~Image5로 변경을 해보시면 될듯합니다
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
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);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
이 스크립트가 있어야 하구여
<body bgcolor="#FDFCF9" onload="MM_preloadImages('img/sub3/sub3-1roll.jpg','img/sub3/sub3-2roll.jpg','img/sub3/sub3-4roll.jpg','img/sub3/sub3-5roll.jpg','img/sub3/sub3-6roll.jpg')"> 삭제하면 안되구요
그리고 Image3~Image8까지를 Image1~Image5로 변경을 해보시면 될듯합니다
제 생각에는 이것보다 스타일을 이용한 롤오버가 더 간단해 보이네요
<style type="text/css">
a.rollover img { border-width:0px; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0px }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }
</style>
<tr>
<td width="190" height="40">
<a href="sub3.html" target="_self" class="rollover"><img src="img/sub3/sub3-1.jpg" width="190" height="40" border="0" /><img src="img/sub3/sub3-1roll.jpg" width="190" height="40" border="0" class="over" /></a>
</td>
<tr>
<tr>
<td width="190" height="40">
<a href="sub3-2.html" target="_self" class="rollover"><img src="img/sub3/sub3-2.jpg" width="190" height="40" border="0" /><img src="img/sub3/sub3-2roll.jpg" width="190" height="40" border="0" class="over" /></a>
</td>
<tr>
<tr>
<td width="190" height="40">
<a href="sub3-3.html" target="_self" class="rollover"><img src="img/sub3/sub3-3.jpg" width="190" height="40" border="0" /><img src="img/sub3/sub3-3roll.jpg" width="190" height="40" border="0" class="over" /></a>
</td>
<tr>
<tr>
<td width="190" height="40">
<a href="sub3-4.html" target="_self" class="rollover"><img src="img/sub3/sub3-4.jpg" width="190" height="40" border="0" /><img src="img/sub3/sub3-4roll.jpg" width="190" height="40" border="0" class="over" /></a>
</td>
<tr>
<tr>
<td width="190" height="40">
<a href="sub3-5.html" target="_self" class="rollover"><img src="img/sub3/sub3-5.jpg" width="190" height="40" border="0" /><img src="img/sub3/sub3-5roll.jpg" width="190" height="40" border="0" class="over" /></a>
</td>
<tr>
<tr>
<td width="190" height="40">
<a href="sub3-6.html" target="_self" class="rollover"><img src="img/sub3/sub3-6.jpg" width="190" height="40" border="0" /><img src="img/sub3/sub3-6roll.jpg" width="190" height="40" border="0" class="over" /></a>
</td>
<tr>
이렇게만 해주시면 스크립트를 불러올 필요없이 롤오버 효과가 가능합니다.
<style type="text/css">
a.rollover img { border-width:0px; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0px }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }
</style>
<tr>
<td width="190" height="40">
<a href="sub3.html" target="_self" class="rollover"><img src="img/sub3/sub3-1.jpg" width="190" height="40" border="0" /><img src="img/sub3/sub3-1roll.jpg" width="190" height="40" border="0" class="over" /></a>
</td>
<tr>
<tr>
<td width="190" height="40">
<a href="sub3-2.html" target="_self" class="rollover"><img src="img/sub3/sub3-2.jpg" width="190" height="40" border="0" /><img src="img/sub3/sub3-2roll.jpg" width="190" height="40" border="0" class="over" /></a>
</td>
<tr>
<tr>
<td width="190" height="40">
<a href="sub3-3.html" target="_self" class="rollover"><img src="img/sub3/sub3-3.jpg" width="190" height="40" border="0" /><img src="img/sub3/sub3-3roll.jpg" width="190" height="40" border="0" class="over" /></a>
</td>
<tr>
<tr>
<td width="190" height="40">
<a href="sub3-4.html" target="_self" class="rollover"><img src="img/sub3/sub3-4.jpg" width="190" height="40" border="0" /><img src="img/sub3/sub3-4roll.jpg" width="190" height="40" border="0" class="over" /></a>
</td>
<tr>
<tr>
<td width="190" height="40">
<a href="sub3-5.html" target="_self" class="rollover"><img src="img/sub3/sub3-5.jpg" width="190" height="40" border="0" /><img src="img/sub3/sub3-5roll.jpg" width="190" height="40" border="0" class="over" /></a>
</td>
<tr>
<tr>
<td width="190" height="40">
<a href="sub3-6.html" target="_self" class="rollover"><img src="img/sub3/sub3-6.jpg" width="190" height="40" border="0" /><img src="img/sub3/sub3-6roll.jpg" width="190" height="40" border="0" class="over" /></a>
</td>
<tr>
이렇게만 해주시면 스크립트를 불러올 필요없이 롤오버 효과가 가능합니다.
아래 스타일을 이용한 롤오버는 제가 할줄모르구요!!
님이 말하신 스크립트는 다 있더라구요. image번호를 1~5로 바꿔봤더니. 요놈이 다른데서 롤오버되길래.. 아이에 드림위버로 다시 롤오버 줄때 image번호를 새로 줬더니 해결됬는데요..
아.. ㅠ 해결된줄알았는데.. 링크 거니깐 롤오버 효과가 적용이 안되네요.ㅠ ㅠ 아우... 된줄았는데 ㅜㅜ 제가 드림위버로만 순수제작한거라 html잘몰라서리 .ㅠ. ㅠ
님이 말하신 스크립트는 다 있더라구요. image번호를 1~5로 바꿔봤더니. 요놈이 다른데서 롤오버되길래.. 아이에 드림위버로 다시 롤오버 줄때 image번호를 새로 줬더니 해결됬는데요..
아.. ㅠ 해결된줄알았는데.. 링크 거니깐 롤오버 효과가 적용이 안되네요.ㅠ ㅠ 아우... 된줄았는데 ㅜㅜ 제가 드림위버로만 순수제작한거라 html잘몰라서리 .ㅠ. ㅠ
아.. 해결된거같아요..
image1~image5 로 안하고 아이에
menu1~menu6까지 입력을 바꾸고.. 링크 걸어봤는데 이제 되네요!!! 답변정말감사해요!!! ^^
행복하시구요!! 정말정말 고맙습니다!!!@ 뿌잉뿌잉!!!!
image1~image5 로 안하고 아이에
menu1~menu6까지 입력을 바꾸고.. 링크 걸어봤는데 이제 되네요!!! 답변정말감사해요!!! ^^
행복하시구요!! 정말정말 고맙습니다!!!@ 뿌잉뿌잉!!!!
스타일 저건 제가 올린 소스 그대로 그냥 복사해서 붙여넣기만 하셔도 작동 될텐데요..ㅋㅋ
암튼 해결하셨다니 ㅊㅋㅊㅋ입니다
암튼 해결하셨다니 ㅊㅋㅊㅋ입니다
