원본이미지 새창띄우기 문의드립니다. 정보
그누보드 원본이미지 새창띄우기 문의드립니다.본문
수고하십니다. 문의를 드렸는데 해결이 안되서요..
javascript중에 현재 화면 해상도 구하는걸 이용해서
원본이미지가 현재 해상도보다 클경우 현재 해상도로 고정 할 수 있는 방법이 없을까요?
이런저런 고민끝에 위와 같은 방법으로 해결할 수 있을것 같아서요.. 도와주세요..ㅡㅡ;
아래는 영카트에서 쓰고있는 갤러리 입니다.
<?
$image_width = 130; // 이미지 폭
$image_height = 100; // 이미지 높이
?>
<script language="JavaScript">
// 원본 이미지보기
function showImgWin(imgName, imgWidth, imgHeight)
{
var imageWin = new Object();
imageWin = window.open("", "imageWin", "width=" + imgWidth + ",height=" + imgHeight);
imageWin.document.write("<html><body style='margin:0'>");
imageWin.document.write("<a href='#' onclick='window.close()'><img src='" + imgName + "' border=0 style='position:absolute;top:0pt;left:0pt;' alt='클릭하면 닫힙니다.'></a>");
imageWin.document.write("</body><html>");
imageWin.document.title = ("원본 이미지보기")
}
</script>
<link rel='stylesheet' href='<?=$board_skin?>/style.skin.css' type='text/css'>
<META http-equiv="imagetoolbar" content="no">
<table width='<?=$width?>' align=center><tr><td>
<table width=100% style="border-top-width:0; border-right-width:0; border-bottom-width:1; border-left-width:0; border-color:#E0DFDF; border-top-style:solid; border-left-style:solid; border-bottom-style:solid; border-right-style:solid;">
<tr>
<form name=fcategory method=get action='./'>
<input type=hidden name=doc value='<?=$doc?>'>
<td width=50%>
<? if ($is_category) { ?>
<select name=ca_id onchange="location='<?=$category_location?>'+this.value;" class=select>
<option value=''>전체</option>
<?=$category_option?>
</select>
<? } ?>
</td>
</form>
<td width=50% align=right><span class=etc>게시물 <?=nf($total_count)?>건</span>
<? if ($admin_href) { echo "<a href='$admin_href'><img src='$board_skin/icon_admin.gif' border=0 align=absmiddle></a>"; } ?></td>
</tr>
</table><br>
<?
// 번호에 이미지를 사용할 경우는 아래의 주석을 제거하고 $list[$i][num]의 내용을 수정후 사용하세요.
// if (!is_int($list[$i][num])) { $list[$i][num] = "<img src='$board_skin/img/arrow.gif'>"; }
?>
<table width=99% align=center style="border-top-width:0; border-right-width:0; border-bottom-width:1; border-left-width:0; border-color:#f7f7f7; border-top-style:solid; border-left-style:solid; border-bottom-style:solid; border-right-style:solid;">
<form name=frmgblist method='post' action='<?="./?doc=$cfg[bbs_dir]/gbdeleteall.php"?>'>
<input type=hidden name=bo_table value='<?=$bo_table?>'>
<input type=hidden name=sselect value='<?=$sselect?>'>
<input type=hidden name=stext value='<?=$stext?>'>
<input type=hidden name=section value='<?=$section?>'>
<input type=hidden name=page value='<?=$page?>'>
<tr>
<?
for ($i=0; $i<count($list); $i++) {
$tr = "";
if ($i && $i%$board[bo_gallery_width]==0) {
$tr = "</tr><tr>";
}
echo "$tr";
if (!file_exists($list[$i][file_image1])) { $list[$i][file_image1] = "$board_skin/noimage.gif"; }
?>
<td width='<?=$td_width?>%' valign=top align=center>
<table bgcolor=#FFFFFF cellpadding=3 cellspacing=12 width="100" height="80" align=center style="border-top-width:1; border-right-width:1; border-bottom-width:1; border-left-width:1; border-color:#E4E4E4; border-top-style:solid; border-left-style:solid; border-bottom-style:solid; border-right-style:solid;">
<tr>
<td align=center valign=middle>
<?
// 큰 이미지 사이즈 얻기
$limg = $list[$i][file_image1];
if (file_exists($limg)) {
$size = getimagesize($limg);
echo "<a href=\"javascript:showImgWin('$limg', size[0], size[1]);\">";
}
?>
<img src='<?=$list[$i][file_image1]?>' width='<?=$image_width?>' height='<?=$image_height?>' border=1 alt='<?=$list[$i][wr_subject]?>' style='border-color:#555555;'></td>
</tr>
</table>
<table width=100%><tr><td height=25 align=center>
<? if ($is_checkdelete) { ?><input type=checkbox name=chk_wr_id[] value='<?=$list[$i][wr_id]?>'><? } ?> <a href='<?=$list[$i][href]?>'><? if ($list[$i][is_notice]) echo "<b>"; ?><?=cut_str($list[$i][subject],10)?><? if ($list[$i][is_notice]) echo "</b>"; ?></a> <?=$list[$i][icon_new]?>
<span style='font-size:8pt;'><?=$list[$i][commentcnt]?></span>
</td></tr></table>
</td>
<?
}
if (count($list) == 0) { echo "<tr><td colspan=8 align=center height=100 class='content contentbg'>자료가 없습니다.</td></tr>"; }
?>
</form>
</tr>
</table>
<table width=100%>
<tr>
<td width=50%>
<? if ($list_href) { echo "<a href='$list_href'><img src='$board_skin/list.gif' border=0 alt='목록' align=absmiddle></a>"; } ?>
<? if ($write_href) { echo "<a href='$write_href'><img src='$board_skin/write.gif' border=0 alt='글쓰기' align=absmiddle></a>"; } ?>
<? if ($is_checkdelete) { ?>
<a href='javascript:all_checked(true);'><img src='<?="$board_skin/allchk.gif"?>' border=0 alt='전체선택' align=absmiddle></a>
<a href='javascript:all_checked(false);'><img src='<?="$board_skin/allunchk.gif"?>' border=0 alt='선택해제' align=absmiddle></a>
<a href='javascript:all_delete();'><img src='<?="$board_skin/allchkdel.gif"?>' border=0 alt='선택삭제' align=absmiddle></a>
<script language='javascript'>
function all_checked(sw)
{
var f = document.frmgblist;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == 'chk_wr_id[]') {
f.elements[i].checked = sw;
}
}
}
function all_delete()
{
var f = document.frmgblist;
var chk_count = 0;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == 'chk_wr_id[]' && f.elements[i].checked) {
chk_count++;
}
}
if (!chk_count) {
alert("게시물을 하나 이상 선택하세요.");
return;
}
if (!confirm("선택한 게시물을 정말 삭제 하시겠습니까?\n\n한번 삭제한 자료는 복구할 수 없습니다")) {
return;
}
f.submit();
}
</script>
<? } ?>
</td>
<form name=fsearch method=get action='./'>
<input type=hidden name=doc value='<?=$doc?>'>
<input type=hidden name=bo_table value='<?=$bo_table?>'>
<td width=50% align=right>
<select name=sselect class=select>
<option value='wr_subject|wr_content'>제목+내용</option>
<option value='wr_name'>이름</option>
<option value='wr_num'>번호</option>
<option value='wr_datetime'>날짜</option>
<option value='wr_subject'>제목</option>
<option value='wr_content'>내용</option>
<option value='wr_hit'>읽음</option>
<? if ($is_good) { ?><option value='wr_good'>추천</option><? } ?>
<? if ($is_nogood) { ?><option value='wr_nogood'>비추천</option><? } ?>
</select>
<input type=text name=stext size=10 required itemname='검색어' value='<?=$stext?>' >
<select name=soperator class=select>
<option value='0'>OR</option>
<option value='1'>AND</option>
</select>
<input type=image src='<?="$board_skin/search.gif"?>' border=0 alt='검색' align=absmiddle>
</td>
</form>
</tr>
</table>
<? if ($stext) { ?>
<script language='JavaScript'>
if ('<?=$sselect?>' == 'ca_id') {
document.fcategory.ca_id.value = '<?=$stext?>';
document.fsearch.stext.value = '';
} else {
document.fsearch.sselect.value = '<?=$sselect?>';
document.fsearch.soperator.value = '<?=(int)$soperator?>';
}
</script>
<? } ?>
<table width=100%>
<tr>
<td align=right>
<? if ($prev_section_href) { echo "<a href='$prev_section_href'><img src='$board_skin/sectionprev.gif' border=0 alt='이전검색'></a>"; } ?>
<?=$write_pages?>
<? if ($next_section_href) { echo "<a href='$next_section_href'><img src='$board_skin/sectionnext.gif' border=0 alt='다음검색'></a>"; } ?>
</td>
</tr>
</table>
</td></tr></table>
javascript중에 현재 화면 해상도 구하는걸 이용해서
원본이미지가 현재 해상도보다 클경우 현재 해상도로 고정 할 수 있는 방법이 없을까요?
이런저런 고민끝에 위와 같은 방법으로 해결할 수 있을것 같아서요.. 도와주세요..ㅡㅡ;
아래는 영카트에서 쓰고있는 갤러리 입니다.
<?
$image_width = 130; // 이미지 폭
$image_height = 100; // 이미지 높이
?>
<script language="JavaScript">
// 원본 이미지보기
function showImgWin(imgName, imgWidth, imgHeight)
{
var imageWin = new Object();
imageWin = window.open("", "imageWin", "width=" + imgWidth + ",height=" + imgHeight);
imageWin.document.write("<html><body style='margin:0'>");
imageWin.document.write("<a href='#' onclick='window.close()'><img src='" + imgName + "' border=0 style='position:absolute;top:0pt;left:0pt;' alt='클릭하면 닫힙니다.'></a>");
imageWin.document.write("</body><html>");
imageWin.document.title = ("원본 이미지보기")
}
</script>
<link rel='stylesheet' href='<?=$board_skin?>/style.skin.css' type='text/css'>
<META http-equiv="imagetoolbar" content="no">
<table width='<?=$width?>' align=center><tr><td>
<table width=100% style="border-top-width:0; border-right-width:0; border-bottom-width:1; border-left-width:0; border-color:#E0DFDF; border-top-style:solid; border-left-style:solid; border-bottom-style:solid; border-right-style:solid;">
<tr>
<form name=fcategory method=get action='./'>
<input type=hidden name=doc value='<?=$doc?>'>
<td width=50%>
<? if ($is_category) { ?>
<select name=ca_id onchange="location='<?=$category_location?>'+this.value;" class=select>
<option value=''>전체</option>
<?=$category_option?>
</select>
<? } ?>
</td>
</form>
<td width=50% align=right><span class=etc>게시물 <?=nf($total_count)?>건</span>
<? if ($admin_href) { echo "<a href='$admin_href'><img src='$board_skin/icon_admin.gif' border=0 align=absmiddle></a>"; } ?></td>
</tr>
</table><br>
<?
// 번호에 이미지를 사용할 경우는 아래의 주석을 제거하고 $list[$i][num]의 내용을 수정후 사용하세요.
// if (!is_int($list[$i][num])) { $list[$i][num] = "<img src='$board_skin/img/arrow.gif'>"; }
?>
<table width=99% align=center style="border-top-width:0; border-right-width:0; border-bottom-width:1; border-left-width:0; border-color:#f7f7f7; border-top-style:solid; border-left-style:solid; border-bottom-style:solid; border-right-style:solid;">
<form name=frmgblist method='post' action='<?="./?doc=$cfg[bbs_dir]/gbdeleteall.php"?>'>
<input type=hidden name=bo_table value='<?=$bo_table?>'>
<input type=hidden name=sselect value='<?=$sselect?>'>
<input type=hidden name=stext value='<?=$stext?>'>
<input type=hidden name=section value='<?=$section?>'>
<input type=hidden name=page value='<?=$page?>'>
<tr>
<?
for ($i=0; $i<count($list); $i++) {
$tr = "";
if ($i && $i%$board[bo_gallery_width]==0) {
$tr = "</tr><tr>";
}
echo "$tr";
if (!file_exists($list[$i][file_image1])) { $list[$i][file_image1] = "$board_skin/noimage.gif"; }
?>
<td width='<?=$td_width?>%' valign=top align=center>
<table bgcolor=#FFFFFF cellpadding=3 cellspacing=12 width="100" height="80" align=center style="border-top-width:1; border-right-width:1; border-bottom-width:1; border-left-width:1; border-color:#E4E4E4; border-top-style:solid; border-left-style:solid; border-bottom-style:solid; border-right-style:solid;">
<tr>
<td align=center valign=middle>
<?
// 큰 이미지 사이즈 얻기
$limg = $list[$i][file_image1];
if (file_exists($limg)) {
$size = getimagesize($limg);
echo "<a href=\"javascript:showImgWin('$limg', size[0], size[1]);\">";
}
?>
<img src='<?=$list[$i][file_image1]?>' width='<?=$image_width?>' height='<?=$image_height?>' border=1 alt='<?=$list[$i][wr_subject]?>' style='border-color:#555555;'></td>
</tr>
</table>
<table width=100%><tr><td height=25 align=center>
<? if ($is_checkdelete) { ?><input type=checkbox name=chk_wr_id[] value='<?=$list[$i][wr_id]?>'><? } ?> <a href='<?=$list[$i][href]?>'><? if ($list[$i][is_notice]) echo "<b>"; ?><?=cut_str($list[$i][subject],10)?><? if ($list[$i][is_notice]) echo "</b>"; ?></a> <?=$list[$i][icon_new]?>
<span style='font-size:8pt;'><?=$list[$i][commentcnt]?></span>
</td></tr></table>
</td>
<?
}
if (count($list) == 0) { echo "<tr><td colspan=8 align=center height=100 class='content contentbg'>자료가 없습니다.</td></tr>"; }
?>
</form>
</tr>
</table>
<table width=100%>
<tr>
<td width=50%>
<? if ($list_href) { echo "<a href='$list_href'><img src='$board_skin/list.gif' border=0 alt='목록' align=absmiddle></a>"; } ?>
<? if ($write_href) { echo "<a href='$write_href'><img src='$board_skin/write.gif' border=0 alt='글쓰기' align=absmiddle></a>"; } ?>
<? if ($is_checkdelete) { ?>
<a href='javascript:all_checked(true);'><img src='<?="$board_skin/allchk.gif"?>' border=0 alt='전체선택' align=absmiddle></a>
<a href='javascript:all_checked(false);'><img src='<?="$board_skin/allunchk.gif"?>' border=0 alt='선택해제' align=absmiddle></a>
<a href='javascript:all_delete();'><img src='<?="$board_skin/allchkdel.gif"?>' border=0 alt='선택삭제' align=absmiddle></a>
<script language='javascript'>
function all_checked(sw)
{
var f = document.frmgblist;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == 'chk_wr_id[]') {
f.elements[i].checked = sw;
}
}
}
function all_delete()
{
var f = document.frmgblist;
var chk_count = 0;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == 'chk_wr_id[]' && f.elements[i].checked) {
chk_count++;
}
}
if (!chk_count) {
alert("게시물을 하나 이상 선택하세요.");
return;
}
if (!confirm("선택한 게시물을 정말 삭제 하시겠습니까?\n\n한번 삭제한 자료는 복구할 수 없습니다")) {
return;
}
f.submit();
}
</script>
<? } ?>
</td>
<form name=fsearch method=get action='./'>
<input type=hidden name=doc value='<?=$doc?>'>
<input type=hidden name=bo_table value='<?=$bo_table?>'>
<td width=50% align=right>
<select name=sselect class=select>
<option value='wr_subject|wr_content'>제목+내용</option>
<option value='wr_name'>이름</option>
<option value='wr_num'>번호</option>
<option value='wr_datetime'>날짜</option>
<option value='wr_subject'>제목</option>
<option value='wr_content'>내용</option>
<option value='wr_hit'>읽음</option>
<? if ($is_good) { ?><option value='wr_good'>추천</option><? } ?>
<? if ($is_nogood) { ?><option value='wr_nogood'>비추천</option><? } ?>
</select>
<input type=text name=stext size=10 required itemname='검색어' value='<?=$stext?>' >
<select name=soperator class=select>
<option value='0'>OR</option>
<option value='1'>AND</option>
</select>
<input type=image src='<?="$board_skin/search.gif"?>' border=0 alt='검색' align=absmiddle>
</td>
</form>
</tr>
</table>
<? if ($stext) { ?>
<script language='JavaScript'>
if ('<?=$sselect?>' == 'ca_id') {
document.fcategory.ca_id.value = '<?=$stext?>';
document.fsearch.stext.value = '';
} else {
document.fsearch.sselect.value = '<?=$sselect?>';
document.fsearch.soperator.value = '<?=(int)$soperator?>';
}
</script>
<? } ?>
<table width=100%>
<tr>
<td align=right>
<? if ($prev_section_href) { echo "<a href='$prev_section_href'><img src='$board_skin/sectionprev.gif' border=0 alt='이전검색'></a>"; } ?>
<?=$write_pages?>
<? if ($next_section_href) { echo "<a href='$next_section_href'><img src='$board_skin/sectionnext.gif' border=0 alt='다음검색'></a>"; } ?>
</td>
</tr>
</table>
</td></tr></table>
댓글 전체