묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
링크된 사진 크기 변경 관련 질문
2007.05.21 13:15
제목이 좀 이상하네요.
제가 워낙에 초보이다 보니....ㅠㅠ
먼저 홈페이지 주소는
http://www.damoapension.com/rooms_info/sub.html
위 페이지를 보시면 "주차장" 이라는 메뉴의 오른쪽에 있는
"ZOOM(+)" 를 클릭하면
작은 창으로 사진이 뜹니다.
현재 이 사진의 크기가 700*569 픽셀인데
사진이 변경되어서 600*900 픽셀로 되었습니다.
이 경우 새로 뜨는 사진창이 스크롤바가 있는 600*500 정도의
창으로 뜨게 하고 싶은데 소스를 어떻게 변경 해야 할까요??
소스는 아래 와 같습니다.
===========================================================================================================
<HTML>
<HEAD>
<TITLE>*** 다모아 펜션 ***</TITLE>
<meta http-equiv=Content-Type content=text/html; charset=euc-kr>
<link rel="stylesheet" href="/style/style.css">
<SCRIPT language=JavaScript src="/js/rollover.js"></SCRIPT>
<SCRIPT language=JavaScript src="/js/common.js"></SCRIPT>
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</HEAD>
<BODY bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('../damoa_images/rooms_info/71_over.gif','../damoa_images/rooms_info/72_over.gif','../damoa_images/rooms_info/73_over.gif','../damoa_images/rooms_info/74_over.gif','/damoa_images/rooms_info/71_over.gif','/damoa_images/rooms_info/72_over.gif','/damoa_images/rooms_info/73_over.gif','/damoa_images/rooms_info/74_over.gif')" >
<a name="top"></a>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="100%" height="100%" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%" height="90%" align="left" valign="top" class="photo_back">
<table width="1007" border="0" cellspacing="0" cellpadding="0">
<tr align="left" valign="top">
<td width="272"><img src="/damoa_images/rooms_info/1.jpg" usemap="#Map" border="0"></td>
<td width="735" align="right" valign="top" background="/damoa_images/rooms_info/2.jpg"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="525" HEIGHT="104" id="menu" ALIGN="">
<PARAM NAME=movie VALUE="/damoa_flash/menu.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=bgcolor VALUE=#000000>
<embed src="/damoa_flash/menu.swf" quality=high wmode=transparent bgcolor=#000000 WIDTH="525" HEIGHT="104" NAME="menu" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</embed>
</OBJECT> </td>
</tr>
<tr align="left" valign="top">
<td width="272"><img src="/damoa_images/rooms_info/3.jpg"></td>
<td width="735"><img src="/damoa_images/rooms_info/4.jpg"></td>
</tr>
<tr align="left" valign="top">
<td width="272"><img src="/damoa_images/rooms_info/5.jpg"></td>
<td width="735" background="/damoa_images/rooms_info/46.jpg">
<table width="735" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="665" height="55" align="right" valign="bottom">Home
> 펜션소개 > <b>부대시설</b></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr align="left" valign="top">
<td>
<table width="272" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30" align="left" valign="top"><a href="/rooms_info/greeting.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','/damoa_images/rooms_info/71_over.gif',1)"><img name="Image11" border="0" src="/damoa_images/rooms_info/71.gif" width="272" height="30"></a></td>
</tr>
<tr>
<td height="30" align="left" valign="top"><a href="/rooms_info/photo.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','/damoa_images/rooms_info/72_over.gif',1)"><img name="Image12" border="0" src="/damoa_images/rooms_info/72.gif" width="272" height="30"></a></td>
</tr>
<tr>
<td height="30" align="left" valign="top"><a href="/rooms_info/cost.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','/damoa_images/rooms_info/73_over.gif',1)"><img name="Image13" border="0" src="/damoa_images/rooms_info/73.gif" width="272" height="30"></a></td>
</tr>
<tr>
<td height="30" align="left" valign="top"><img name="Image14" border="0" src="/damoa_images/rooms_info/74_over.gif" width="272" height="30"></td>
</tr>
<tr>
<td height="29" align="left" valign="top"><img src="../damoa_images/rooms_info/75.gif" width="272" height="29"></td>
</tr>
</table>
</td>
<td>
<table width="735" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><img src="/damoa_images/rooms_info/481.jpg" border="0" usemap="#Map3"></td>
</tr>
<tr>
<td align="left" valign="top"><img src="/damoa_images/rooms_info/482.jpg" border="0" usemap="#Map4"></td>
</tr>
<tr>
<td align="left" valign="top"><img src="/damoa_images/rooms_info/483.jpg" border="0" usemap="#Map5"></td>
</tr>
<tr>
<td align="left" valign="top"><img src="/damoa_images/rooms_info/484.jpg" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="10%" align="left" valign="bottom" background="/damoa_images/common/copyright_back.gif"><img src="/damoa_images/common/copyright.jpg" width="1007" height="257" usemap="#Map2" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="36,25,190,101" href="/">
</map>
<map name="Map2">
<area shape="rect" coords="27,173,213,214" href="/">
</map>
<map name="Map3">
<area shape="rect" coords="421,156,543,211" href="javascript:pop_481();">
</map>
<map name="Map4">
<area shape="rect" coords="422,154,543,211" href="javascript:pop_482();">
</map>
<map name="Map5">
<area shape="rect" coords="418,156,543,212" href="javascript:pop_483();">
</map>
</bODY>
</HTML>
========================================================================================================================
제가 워낙에 초보이다 보니....ㅠㅠ
먼저 홈페이지 주소는
http://www.damoapension.com/rooms_info/sub.html
위 페이지를 보시면 "주차장" 이라는 메뉴의 오른쪽에 있는
"ZOOM(+)" 를 클릭하면
작은 창으로 사진이 뜹니다.
현재 이 사진의 크기가 700*569 픽셀인데
사진이 변경되어서 600*900 픽셀로 되었습니다.
이 경우 새로 뜨는 사진창이 스크롤바가 있는 600*500 정도의
창으로 뜨게 하고 싶은데 소스를 어떻게 변경 해야 할까요??
소스는 아래 와 같습니다.
===========================================================================================================
<HTML>
<HEAD>
<TITLE>*** 다모아 펜션 ***</TITLE>
<meta http-equiv=Content-Type content=text/html; charset=euc-kr>
<link rel="stylesheet" href="/style/style.css">
<SCRIPT language=JavaScript src="/js/rollover.js"></SCRIPT>
<SCRIPT language=JavaScript src="/js/common.js"></SCRIPT>
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</HEAD>
<BODY bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('../damoa_images/rooms_info/71_over.gif','../damoa_images/rooms_info/72_over.gif','../damoa_images/rooms_info/73_over.gif','../damoa_images/rooms_info/74_over.gif','/damoa_images/rooms_info/71_over.gif','/damoa_images/rooms_info/72_over.gif','/damoa_images/rooms_info/73_over.gif','/damoa_images/rooms_info/74_over.gif')" >
<a name="top"></a>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="100%" height="100%" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%" height="90%" align="left" valign="top" class="photo_back">
<table width="1007" border="0" cellspacing="0" cellpadding="0">
<tr align="left" valign="top">
<td width="272"><img src="/damoa_images/rooms_info/1.jpg" usemap="#Map" border="0"></td>
<td width="735" align="right" valign="top" background="/damoa_images/rooms_info/2.jpg"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="525" HEIGHT="104" id="menu" ALIGN="">
<PARAM NAME=movie VALUE="/damoa_flash/menu.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=bgcolor VALUE=#000000>
<embed src="/damoa_flash/menu.swf" quality=high wmode=transparent bgcolor=#000000 WIDTH="525" HEIGHT="104" NAME="menu" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</embed>
</OBJECT> </td>
</tr>
<tr align="left" valign="top">
<td width="272"><img src="/damoa_images/rooms_info/3.jpg"></td>
<td width="735"><img src="/damoa_images/rooms_info/4.jpg"></td>
</tr>
<tr align="left" valign="top">
<td width="272"><img src="/damoa_images/rooms_info/5.jpg"></td>
<td width="735" background="/damoa_images/rooms_info/46.jpg">
<table width="735" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="665" height="55" align="right" valign="bottom">Home
> 펜션소개 > <b>부대시설</b></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr align="left" valign="top">
<td>
<table width="272" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30" align="left" valign="top"><a href="/rooms_info/greeting.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','/damoa_images/rooms_info/71_over.gif',1)"><img name="Image11" border="0" src="/damoa_images/rooms_info/71.gif" width="272" height="30"></a></td>
</tr>
<tr>
<td height="30" align="left" valign="top"><a href="/rooms_info/photo.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','/damoa_images/rooms_info/72_over.gif',1)"><img name="Image12" border="0" src="/damoa_images/rooms_info/72.gif" width="272" height="30"></a></td>
</tr>
<tr>
<td height="30" align="left" valign="top"><a href="/rooms_info/cost.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','/damoa_images/rooms_info/73_over.gif',1)"><img name="Image13" border="0" src="/damoa_images/rooms_info/73.gif" width="272" height="30"></a></td>
</tr>
<tr>
<td height="30" align="left" valign="top"><img name="Image14" border="0" src="/damoa_images/rooms_info/74_over.gif" width="272" height="30"></td>
</tr>
<tr>
<td height="29" align="left" valign="top"><img src="../damoa_images/rooms_info/75.gif" width="272" height="29"></td>
</tr>
</table>
</td>
<td>
<table width="735" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><img src="/damoa_images/rooms_info/481.jpg" border="0" usemap="#Map3"></td>
</tr>
<tr>
<td align="left" valign="top"><img src="/damoa_images/rooms_info/482.jpg" border="0" usemap="#Map4"></td>
</tr>
<tr>
<td align="left" valign="top"><img src="/damoa_images/rooms_info/483.jpg" border="0" usemap="#Map5"></td>
</tr>
<tr>
<td align="left" valign="top"><img src="/damoa_images/rooms_info/484.jpg" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="10%" align="left" valign="bottom" background="/damoa_images/common/copyright_back.gif"><img src="/damoa_images/common/copyright.jpg" width="1007" height="257" usemap="#Map2" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="36,25,190,101" href="/">
</map>
<map name="Map2">
<area shape="rect" coords="27,173,213,214" href="/">
</map>
<map name="Map3">
<area shape="rect" coords="421,156,543,211" href="javascript:pop_481();">
</map>
<map name="Map4">
<area shape="rect" coords="422,154,543,211" href="javascript:pop_482();">
</map>
<map name="Map5">
<area shape="rect" coords="418,156,543,212" href="javascript:pop_483();">
</map>
</bODY>
</HTML>
========================================================================================================================
<map name="Map3">
<area shape="rect" coords="421,156,543,211" href=".javascriptpop_481();">
</map>
<map name="Map4">
<area shape="rect" coords="422,154,543,211" href=".javascriptpop_482();">
</map>
<map name="Map5">
<area shape="rect" coords="418,156,543,212" href=".javascriptpop_483();">
에서 href=".javascriptpop_482();" / href=".javascriptpop_482();" / href=".javascriptpop_483();" 이부분들이네요...
common.js을 열어보시면 function pop_숫자(){ ... } 에서 수정원하시는 곳의 width(넓이), height(높이), scrollbars(스크롤바유무) 부분을 수정하시면 되겠네요.