{"id":1475,"date":"2006-02-06T03:46:33","date_gmt":"2006-02-06T03:46:33","guid":{"rendered":"http:\/\/dev.jblove.net\/?p=1475"},"modified":"2006-02-06T03:46:33","modified_gmt":"2006-02-06T03:46:33","slug":"%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8-%ea%b9%94%eb%81%94%ed%95%9c-%ec%9d%b4%eb%af%b8%ec%a7%80-%eb%b3%b4%ea%b8%b0%ec%b0%bd-%ec%9e%85%eb%8b%88%eb%8b%a4","status":"publish","type":"post","link":"https:\/\/jblove.net\/?p=1475","title":{"rendered":"[\uc2a4\ud06c\ub9bd\ud2b8] \uae54\ub054\ud55c \uc774\ubbf8\uc9c0 \ubcf4\uae30\ucc3d \uc785\ub2c8\ub2e4."},"content":{"rendered":"<p>\n  \uae00\uc4f4\uc774 : \uc11c\ube44\ud050\ub77c     \ub0a0\uc9dc : 06-01-27 10:22     \uc870\ud68c : 958      <\/p>\n<p>   http:\/\/comedu.korea.ac.kr\/~subicura\/java\/showImage.htm (534) <\/p>\n<p>\uc774\ubbf8\uc9c0\ub97c \ud074\ub9ad\ud588\uc744 \ub54c \ube44\uc728 \uc870\uc815\ud558\uc5ec \uc0c8\ucc3d\uc744 \uc5f4\uc5b4\uc90d\ub2c8\ub2e4~ <\/p>\n<p>\uc77c\ubc18\uc801\uc778 \uae30\ub2a5\uc5d0 \ub9c8\uc6b0\uc2a4 \ub4dc\ub798\uadf8, \ud720(IE), \ud655\ub300\/\ucd95\uc18c \uae30\ub2a5\uc744 \ub123\uc5c8\uc2b5\ub2c8\ub2e4. <\/p>\n<p>\ud544\uc694 \ud558\uc2e0\ubd84 \uc4f0\uc138\uc694~ <\/p>\n<p>\ubc84\uadf8\ub098 \uc81c\uc548\ud558\uc2e4\uc810\uc740 \ucf54\uba58 \ub0a8\uaca8\uc8fc\uc138\uc694~ <\/p>\n<p>\n&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; \uc18c\uc2a4 &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; <br \/>\n\/********************************************************************* <br \/>\n* \uc774\ubbf8\uc9c0 \uc0c8\ucc3d\uc73c\ub85c \uc5f4\uc5b4\uc11c \ubcf4\uae30 <br \/>\n* \ud30c\uc77c\uba85 : showImage.htm <br \/>\n* \uc791\uc131\uc790 : \uc11c\ube44\ud050\ub77c(subicura@nate.com) <br \/>\n* \uc791\uc131\uc77c : 06\/01\/27 <br \/>\n* \uc0c1\uc5c5\uc801\uc778 \uc2f8\uc774\ud2b8\uc5d0\uc11c\ub294 \ubb34\ub2e8\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. <br \/>\n*********************************************************************\/ <br \/>\n\/********************************************************************* <br \/>\n* \uc774\ubbf8\uc9c0\ub97c \ubcfc\ub54c \ud558\ub098\uc758 \uc708\ub3c4\uc6b0\ub9cc \uc0ac\uc6a9\ud560 \uac83\uc778\uac00? <br \/>\n* isUsePerText : % \ud45c\uc2dc \uc720\ubb34 <br \/>\n* newWndMargin : \uc708\ub3c4\uc6b0 \ud574\uc0c1\ub3c4\uc5d0\uc11c \uc774\ubbf8\uc9c0 \ucc3d\uc758 \uc5ec\uc720(margin)\uac12 <br \/>\n* newWndMinSize : \ucc3d\uc758 \ucd5c\uc18c \ud06c\uae30 <br \/>\n*********************************************************************\/ <br \/>\nvar isUsePerText = true; <br \/>\nvar newWndMargin = 160; <br \/>\nvar newWndMinSize = 250; <\/p>\n<p>\/********************************************************************* <br \/>\n* \uac01\uc885\ubcc0\uc218 <br \/>\n*********************************************************************\/ <br \/>\nvar ImgWnd, isUseZoom, isZoom ; <br \/>\nvar img_original_width, img_original_height, img_modify_width, img_modify_height; <br \/>\nvar pop_mouse_x, pop_mouse_y, pop_scroll_x, pop_scroll_y, pop_mouseStatus; <br \/>\nvar zoombox_x, zoombox_y; <\/p>\n<p>\/********************************************************************* <br \/>\n* \uc2dc\uc791\ud568\uc218 <br \/>\n*********************************************************************\/ <br \/>\nfunction showImage(filename) <br \/>\n{ <br \/>\nimage_copy = new Image(); <br \/>\nimage_copy.src = filename; <\/p>\n<p>if(image_copy.width == 0 || image_copy.height == 0) <br \/>\nsetTimeout(&#8220;showImage(&#8216;&#8221;+filename+&#8221;&#8216;);&#8221;,50); <br \/>\nelse <br \/>\npopupImage(image_copy); <br \/>\n} <\/p>\n<p>\/********************************************************************* <br \/>\n* \uc774\ubbf8\uc9c0 \ud31d\uc5c5\ucc3d \uc0dd\uc131 <br \/>\n*********************************************************************\/ <br \/>\nfunction popupImage(img_obj) <br \/>\n{ <br \/>\n\/\/ \ubcc0\uc218 \ucd08\uae30\ud654 <br \/>\ninitValue(); <\/p>\n<p>\/\/ \uc774\ubbf8\uc9c0 width, height \uc800\uc7a5 <br \/>\nimg_original_width = img_obj.width; <br \/>\nimg_original_height = img_obj.height; <\/p>\n<p>\/\/ \uc0dd\uc131\ub420 \ucc3d\uc758 \ud06c\uae30 \uc870\uc815 <br \/>\nif(img_original_width + newWndMargin > screen.width) <br \/>\n{ <br \/>\nimg_modify_width = screen.width &#8211; newWndMargin; <br \/>\nimg_modify_height = (img_original_height*img_modify_width\/img_original_width); <br \/>\nif(img_modify_height + newWndMargin > screen.height) <br \/>\n{ <br \/>\nimg_modify_height = screen.height &#8211; newWndMargin; <br \/>\nimg_modify_width = Math.ceil(img_original_width*img_modify_height\/img_original_height); <br \/>\n} <br \/>\n} <br \/>\nelse if(img_original_height + newWndMargin > screen.height) <br \/>\n{ <br \/>\nimg_modify_height = screen.height &#8211; newWndMargin; <br \/>\nimg_modify_width = Math.ceil(img_original_width*img_modify_height\/img_original_height); <br \/>\n} <br \/>\nelse <br \/>\n{ <br \/>\nimg_modify_width = img_original_width; <br \/>\nimg_modify_height = img_original_height; <br \/>\n} <\/p>\n<p>\/\/ \uc704\uce58 \uc870\uc815 <br \/>\nvar i_left = Math.ceil((screen.width &#8211; img_modify_width)\/2); <br \/>\nvar i_top = Math.ceil((screen.height &#8211; img_modify_height)\/2); <br \/>\nif(i_top > newWndMargin) <br \/>\ni_top = newWndMargin; <\/p>\n<p>\/\/ \ud655\ub300 \ucd95\uc18c \uc0ac\uc6a9\uc5ec\ubd80 <br \/>\nif(img_original_width != img_modify_width &#038;&#038; img_original_height != img_modify_height) <br \/>\nisUseZoom = true; <br \/>\nelse <br \/>\nisUseZoom = false; <\/p>\n<p>\/\/ \uc0c8\ucc3d \ub9cc\ub4e4\uae30 <br \/>\nif(ImgWnd) ImgWnd.close(); \/\/ \ucd08\uae30\ud654 <br \/>\nif(img_original_width > newWndMinSize || img_original_height > newWndMinSize) <br \/>\n{ <br \/>\nImgWnd = window.open(&#8221;, &#8216;viewImage&#8217;, &#8216;width=&#8217;+img_modify_width+&#8217;, height=&#8217;+img_modify_height+&#8217;, top=&#8217;+i_top+&#8217;, left=&#8217;+i_left+&#8217;, scrollbars=0,resizable=no&#8217;); <br \/>\nif(!ImgWnd.document.body) <br \/>\nImgWnd = window.open(&#8221;, &#8216;viewImage&#8217;, &#8216;width=&#8217;+img_modify_width+&#8217;, height=&#8217;+img_modify_height+&#8217;, top=&#8217;+i_top+&#8217;, left=&#8217;+i_left+&#8217;, scrollbars=0,resizable=no&#8217;); <br \/>\n} <br \/>\nelse <br \/>\n{ <br \/>\nImgWnd = window.open(&#8221;, &#8216;viewImage&#8217;, &#8216;width=&#8217;+newWndMinSize+&#8217;, height=&#8217;+newWndMinSize+&#8217;, top=&#8217;+i_top+&#8217;, left=&#8217;+i_left+&#8217;, scrollbars=0,resizable=no&#8217;); <br \/>\nif(!ImgWnd.document.body) <br \/>\nImgWnd = window.open(&#8221;, &#8216;viewImage&#8217;, &#8216;width=&#8217;+newWndMinSize+&#8217;, height=&#8217;+newWndMinSize+&#8217;, top=&#8217;+i_top+&#8217;, left=&#8217;+i_left+&#8217;, scrollbars=0,resizable=no&#8217;); <br \/>\n} <\/p>\n<p>if(ImgWnd.document.body.innerHTML) <br \/>\n{ <br \/>\nImgWnd.close(); <br \/>\nif(img_original_width > newWndMinSize || img_original_height > newWndMinSize) <br \/>\n{ <br \/>\nImgWnd = window.open(&#8221;, &#8216;viewImage&#8217;, &#8216;width=&#8217;+img_modify_width+&#8217;, height=&#8217;+img_modify_height+&#8217;, top=&#8217;+i_top+&#8217;, left=&#8217;+i_left+&#8217;, scrollbars=0,resizable=no&#8217;); <br \/>\nif(!ImgWnd.document.body) <br \/>\nImgWnd = window.open(&#8221;, &#8216;viewImage&#8217;, &#8216;width=&#8217;+img_modify_width+&#8217;, height=&#8217;+img_modify_height+&#8217;, top=&#8217;+i_top+&#8217;, left=&#8217;+i_left+&#8217;, scrollbars=0,resizable=no&#8217;); <br \/>\n} <br \/>\nelse <br \/>\n{ <br \/>\nImgWnd = window.open(&#8221;, &#8216;viewImage&#8217;, &#8216;width=&#8217;+newWndMinSize+&#8217;, height=&#8217;+newWndMinSize+&#8217;, top=&#8217;+i_top+&#8217;, left=&#8217;+i_left+&#8217;, scrollbars=0,resizable=no&#8217;); <br \/>\nif(!ImgWnd.document.body) <br \/>\nImgWnd = window.open(&#8221;, &#8216;viewImage&#8217;, &#8216;width=&#8217;+newWndMinSize+&#8217;, height=&#8217;+newWndMinSize+&#8217;, top=&#8217;+i_top+&#8217;, left=&#8217;+i_left+&#8217;, scrollbars=0,resizable=no&#8217;); <br \/>\n} <br \/>\n} <\/p>\n<p>\/\/ \uc0c8\ucc3d \ucd08\uae30\ud654 <br \/>\ninitImgWnd(ImgWnd); <\/p>\n<p>\/\/ \uc774\ubbf8\uc9c0 \uc0dd\uc131 <br \/>\nvar doc = ImgWnd.document; <br \/>\nvar doc_style = doc.body.style; <br \/>\nvar resize_width, resize_height; <\/p>\n<p>if(img_original_width > newWndMinSize || img_original_height > newWndMinSize) <br \/>\n{ <br \/>\nvar new_img = doc.createElement(&#8216;IMG&#8217;); <br \/>\nnew_img.id = &#8216;showImage&#8217;; <br \/>\nnew_img.src = img_obj.src; <br \/>\nnew_img.width = img_modify_width; <br \/>\nnew_img.height = img_modify_height; <br \/>\ndoc.body.appendChild(new_img); <br \/>\n} <br \/>\nelse <br \/>\n{ <br \/>\ndoc_style.background=&#8217;url(&#8216;+img_obj.src+&#8217;)&#8217;; <br \/>\ndoc_style.backgroundRepeat = &#8216;no-repeat&#8217;; <br \/>\ndoc_style.backgroundPosition = &#8216;center&#8217;; <br \/>\ndoc_style.backgroundColor = &#8220;#000000&#8221;; <br \/>\ndoc.body.innerHTML = &#8220;<\/p>\n<table width=100% height=100%>\n<tr>\n<td><\/td>\n<\/tr>\n<\/table>\n<p>&#8220;; <br \/>\n} <\/p>\n<p>\/\/ \uc0c8\ucc3d\uc5d0 \uac01\uc885\uac1d\uccb4 \uc0bd\uc785 <br \/>\nif(isUseZoom == true) <br \/>\n{ <br \/>\nvar old_zoom_box = ImgWnd.document.getElementById(&#8216;zoom_box&#8217;); <\/p>\n<p>\/\/ zoom \uad00\ub828 \uac1d\uccb4\ub97c \ubb36\uc74c <br \/>\nvar zoom_box = doc.createElement(&#8216;DIV&#8217;); <br \/>\nzoom_box.id = &#8216;zoom_box&#8217;; <br \/>\nzoom_box.style.position = &#8216;absolute&#8217;; <br \/>\nzoom_box.style.top = img_modify_height &#8211; 60; <br \/>\nzoom_box.style.left = img_modify_width &#8211; 64; <br \/>\nzoom_box.style.width = 38; <br \/>\nzoom_box.style.height = 43; <br \/>\ndoc.body.appendChild(zoom_box); <\/p>\n<p>\/\/ zoom \ubc84\ud2bc \uc0dd\uc131 <br \/>\nvar zoom_button = doc.createElement(&#8216;IMG&#8217;); <br \/>\nzoom_button.id = &#8216;zoom_button&#8217;; <br \/>\nzoom_button.src = &#8216;http:\/\/comedu.korea.ac.kr\/~subicura\/java\/100_icon.gif&#8217;; <br \/>\nzoom_button.style.position = &#8216;absolute&#8217;; <br \/>\nzoom_button.style.width = 38; <br \/>\nzoom_button.style.height = 43; <br \/>\nzoom_button.style.top = &#8216;0px&#8217;; <br \/>\nzoom_button.style.left = &#8216;0px&#8217;; <br \/>\nzoom_box.appendChild(zoom_button); <\/p>\n<p>if(isUsePerText == true) <br \/>\n{ <br \/>\n\/\/ \ube44\uc728 \uae00\uc790 \uc0dd\uc131 <br \/>\nvar zoom_percent = doc.createElement(&#8216;DIV&#8217;); <br \/>\nzoom_percent.id = &#8216;zoom_percent&#8217;; <br \/>\nzoom_percent.style.position = &#8216;absolute&#8217;; <br \/>\nzoom_percent.style.top = &#8217;29px&#8217;; <br \/>\nzoom_percent.style.left = &#8216;3px&#8217;; <br \/>\nzoom_percent.style.width = &#8217;30px&#8217;; <br \/>\nzoom_percent.style.textAlign = &#8216;center&#8217;; <br \/>\nzoom_percent.style.fontSize = &#8216;8pt&#8217;; <br \/>\nzoom_percent.style.fontFamily = &#8216;\ub3cb\uc6c0&#8217;; <br \/>\nzoom_percent.innerHTML = Math.round(img_modify_width\/img_original_width*100)+&#8217;%&#8217;; <br \/>\nzoom_box.appendChild(zoom_percent); <br \/>\n} <br \/>\nzoombox_x = eval(zoom_box.style.left.substring(0,zoom_box.style.left.length-2)); <br \/>\nzoombox_y = eval(zoom_box.style.top.substring(0,zoom_box.style.top.length-2)); <\/p>\n<p>setButtonAlpha(70); <br \/>\n} <\/p>\n<p>\/\/ \ub9c8\uc6b0\uc2a4 \uc774\ubca4\ud2b8 <br \/>\ndoc.onmousedown=ImageMouseDown; <br \/>\ndoc.onmousemove=ImageMouseDrag; <br \/>\ndoc.onmouseup=ImageMouseUp; <br \/>\ndoc.onmousewheel=ImageMouseWheel; \/\/ IE \uc804\uc6a9 FF\ub294? <\/p>\n<p>\/\/ \ud3ec\ucee4\uc2a4 <br \/>\nImgWnd.focus(); <br \/>\n} <\/p>\n<p>\/********************************************************************* <br \/>\n* \ucc3d \ucd08\uae30\ud654 <br \/>\n*********************************************************************\/ <br \/>\nfunction initImgWnd() <br \/>\n{ <br \/>\nvar doc = ImgWnd.document; <br \/>\nvar doc_style = doc.body.style; <\/p>\n<p>doc_style.margin = 0; <br \/>\ndoc_style.background=&#8217;url(&#8220;http:\/\/comedu.korea.ac.kr\/~subicura\/java\/loading.jpg&#8221;)&#8217;; <br \/>\ndoc_style.backgroundRepeat = &#8216;no-repeat&#8217;; <br \/>\ndoc_style.backgroundPosition = &#8216;center&#8217;; <br \/>\ndoc_style.backgroundColor = &#8220;#000000&#8221;; <br \/>\ndoc_style.cursor = &#8220;pointer&#8221;; <br \/>\ndoc.title = &#8216;\uc774\ubbf8\uc9c0&#8217;; <br \/>\n} <\/p>\n<p>\/********************************************************************* <br \/>\n* \ucc3d \uc0ad\uc81c <br \/>\n*********************************************************************\/ <br \/>\nfunction destroyImgWnd() <br \/>\n{ <br \/>\ninitValue(); <br \/>\nImgWnd.document.body.style.cursor = &#8221;; <br \/>\nsetTimeout(&#8220;ImgWnd.close(); ImgWnd=&#8221;;&#8221;,10); <br \/>\nImgWnd.document.onmousedown=null; <br \/>\nImgWnd.document.onmousemove=null; <br \/>\nImgWnd.document.onmouseup=null; <br \/>\nImgWnd.document.onmousewheel=null; <br \/>\n} <\/p>\n<p>\/\/ \uac01\uc885\ubcc0\uc218 \ucd08\uae30\ud654 <br \/>\nfunction initValue() <br \/>\n{ <br \/>\nisZoom = false; <br \/>\nwheelCount = 0; <br \/>\npop_scroll_x = pop_scroll_y = 0; <br \/>\npop_mouseStatus = &#8221;; <br \/>\n} <\/p>\n<p>\/********************************************************************* <br \/>\n* \ub9c8\uc6b0\uc2a4 \uc774\ubca4\ud2b8 <br \/>\n*********************************************************************\/ <br \/>\nfunction ImageMouseDown(e) <br \/>\n{ <br \/>\nif (ImgWnd.window.event) \/\/ IE <br \/>\n{ <br \/>\npop_mouse_x = ImgWnd.window.event.clientX; <br \/>\npop_mouse_y = ImgWnd.window.event.clientY; <br \/>\nif(ImgWnd.window.event.srcElement.id == &#8216;zoom_button&#8217; || ImgWnd.window.event.srcElement.id == &#8216;zoom_percent&#8217;) <br \/>\n{ <br \/>\npop_mouseStatus = &#8221;; <br \/>\nzoomImg(); <br \/>\n} <br \/>\nelse if(ImgWnd.window.event.button != 2 &#038;&#038; ImgWnd.window.event.button != 4) <br \/>\npop_mouseStatus = &#8216;drag&#8217;; <br \/>\n} <br \/>\nelse <br \/>\n{ <br \/>\npop_mouse_x = e.clientX; <br \/>\npop_mouse_y = e.clientY; <br \/>\nif(e.target.getAttribute(&#8216;id&#8217;) == &#8216;zoom_button&#8217; || e.target.getAttribute(&#8216;id&#8217;) == &#8216;zoom_percent&#8217;) <br \/>\n{ <br \/>\npop_mouseStatus = &#8221;; <br \/>\nzoomImg(); <br \/>\n} <br \/>\nelse if(e.button != 2 &#038;&#038; e.button != 1) <br \/>\npop_mouseStatus = &#8216;drag&#8217;; <br \/>\n} <\/p>\n<p>\/\/ \ud074\ub9ad\uc21c\uac04\uc758 \uc88c\ud45c \uae30\uc5b5 <br \/>\npop_scroll_x = ImgWnd.document.body.scrollLeft; <br \/>\npop_scroll_y = ImgWnd.document.body.scrollTop; <\/p>\n<p>\/\/ \ucee4\uc11c \ubaa8\uc591 \ubc14\uafc8 <br \/>\nif(isZoom == true) <br \/>\nImgWnd.document.body.style.cursor = &#8220;move&#8221;; <\/p>\n<p>return false; <br \/>\n} <\/p>\n<p>function ImageMouseUp(e) <br \/>\n{ <br \/>\nImgWnd.document.body.style.cursor = &#8220;pointer&#8221;; <br \/>\n\/\/ \uc885\ub8cc <br \/>\nif (ImgWnd.window.event) \/\/ IE <br \/>\n{ <br \/>\nif(pop_mouse_x == ImgWnd.window.event.clientX &#038;&#038; pop_mouse_y == ImgWnd.window.event.clientY &#038;&#038; pop_mouseStatus == &#8216;drag&#8217;) <br \/>\ndestroyImgWnd(); <br \/>\n} <br \/>\nelse <br \/>\n{ <br \/>\nif(pop_mouse_x == e.clientX &#038;&#038; pop_mouse_y == e.clientY &#038;&#038; pop_mouseStatus == &#8216;drag&#8217;) <br \/>\ndestroyImgWnd(); <br \/>\n} <\/p>\n<p>\/\/ \uc544\uc774\ucf58 \uc704\uce58 \uc774\ub3d9 <br \/>\nif(isUseZoom == true) <br \/>\n{ <br \/>\nif(pop_mouseStatus == &#8216;drag&#8217; &#038;&#038; isZoom == true) <br \/>\n{ <br \/>\nvar zoom_box = ImgWnd.document.getElementById(&#8216;zoom_box&#8217;); <br \/>\nzoom_box.style.left = (ImgWnd.document.body.scrollLeft + zoombox_x)+&#8217;px&#8217;; <br \/>\nzoom_box.style.top = (ImgWnd.document.body.scrollTop + zoombox_y)+&#8217;px&#8217;; <br \/>\nzoom_box.style.display = &#8221;; <br \/>\n} <br \/>\n} <\/p>\n<p>\/\/ \uc2a4\ud06c\ub864 \uc704\uce58 \uae30\uc5b5\/\ud720 \uc704\uce58 \ucd08\uae30\ud654 <br \/>\npop_scroll_y = ImgWnd.document.body.scrollTop; <br \/>\nwheelCount = 0; <\/p>\n<p>pop_mouseStatus = &#8221;; <br \/>\nreturn false; <br \/>\n} <\/p>\n<p>function ImageMouseDrag(e) <br \/>\n{ <br \/>\n\/\/ \ub4dc\ub798\uadf8\ud560\ub54c \uc2a4\ud06c\ub864\ub9c1 <br \/>\nif(pop_mouseStatus == &#8216;drag&#8217; &#038;&#038; isZoom == true) <br \/>\n{ <br \/>\n\/\/ \uc90c\ubc84\ud2bc \uc228\uae40 <br \/>\nImgWnd.document.getElementById(&#8216;zoom_box&#8217;).style.display = &#8216;none&#8217;; <\/p>\n<p>if(ImgWnd.window.event) \/\/ IE <br \/>\nImgWnd.scroll(pop_scroll_x + (pop_mouse_x &#8211; ImgWnd.window.event.clientX)*2, pop_scroll_y+(pop_mouse_y &#8211; ImgWnd.window.event.clientY)*2); <br \/>\nelse <br \/>\nImgWnd.scroll(pop_scroll_x + (pop_mouse_x &#8211; e.clientX)*2, pop_scroll_y+(pop_mouse_y &#8211; e.clientY)*2); <\/p>\n<p>} <br \/>\nelse if(pop_mouseStatus == &#8216;drag&#8217; &#038;&#038; isZoom == false) <br \/>\n;\/\/ \ubb54\uac00 \ub4e4\uc5b4\uac00\uc57c \ub418\ub294\ub370 \uca5d; <br \/>\nelse <br \/>\nImgWnd.document.body.style.cursor = &#8220;pointer&#8221;; <\/p>\n<p>\/\/ zoom \ub864\uc624\ubc84 \uccb4\ud06c <br \/>\nif(isUseZoom == true) <br \/>\n{ <br \/>\nif (ImgWnd.window.event) \/\/ IE <br \/>\n{ <br \/>\nif(ImgWnd.window.event.srcElement.id == &#8216;zoom_button&#8217; || ImgWnd.window.event.srcElement.id == &#8216;zoom_percent&#8217;) <br \/>\nsetButtonAlpha(95); <br \/>\nelse <br \/>\nsetButtonAlpha(70); <br \/>\n} <br \/>\nelse <br \/>\n{ <br \/>\nif(e.target.getAttribute(&#8216;id&#8217;) == &#8216;zoom_button&#8217; || e.target.getAttribute(&#8216;id&#8217;) == &#8216;zoom_percent&#8217;) <br \/>\nsetButtonAlpha(95); <br \/>\nelse <br \/>\nsetButtonAlpha(70); <br \/>\n} <br \/>\n} <\/p>\n<p>return false; <br \/>\n} <\/p>\n<p>function ImageMouseWheel(e) <br \/>\n{ <br \/>\nif(isZoom == true) <br \/>\n{ <br \/>\nvar zoom_box = ImgWnd.document.getElementById(&#8216;zoom_box&#8217;); <br \/>\nvar temp = ImgWnd.document.body.scrollTop; <\/p>\n<p>wheelCount += (ImgWnd.window.event.wheelDelta > 0) ? 1 : -1; <br \/>\nzoom_box.style.display = &#8216;none&#8217;; <br \/>\nImgWnd.scroll(pop_scroll_x, (pop_scroll_y-wheelCount*120)); <\/p>\n<p>if(temp != ImgWnd.document.body.scrollTop) <br \/>\n{ <br \/>\nzoom_box.style.left = (ImgWnd.document.body.scrollLeft + zoombox_x)+&#8217;px&#8217;; <br \/>\nzoom_box.style.top = (ImgWnd.document.body.scrollTop + zoombox_y)+&#8217;px&#8217;; <br \/>\n} <br \/>\nelse <br \/>\n{ <br \/>\nwheelCount -= (ImgWnd.window.event.wheelDelta > 0) ? 1 : -1; <br \/>\n} <br \/>\nzoom_box.style.display = &#8221;; <br \/>\n} <br \/>\n} <\/p>\n<p>\/********************************************************************* <br \/>\n* \ubc84\ud2bc \ud22c\uba85\ub3c4 \uc870\uc815 <br \/>\n*********************************************************************\/ <br \/>\nfunction setButtonAlpha(opacity) <br \/>\n{ <br \/>\nvar zoom_box; <br \/>\nzoom_box = ImgWnd.document.getElementById(&#8216;zoom_box&#8217;); <br \/>\nzoom_box.style.filter = &#8220;alpha(opacity=&#8221; + opacity + &#8220;)&#8221;; <br \/>\nzoom_box.style.KhtmlOpacity = (opacity \/ 100); <br \/>\nzoom_box.style.MozOpacity = (opacity \/ 100); <br \/>\n} <\/p>\n<p>\/********************************************************************* <br \/>\n* \uc774\ubbf8\uc9c0 \uc90c\uc778\/\uc90c\uc544\uc6c3 <br \/>\n*********************************************************************\/ <br \/>\nfunction zoomImg() <br \/>\n{ <br \/>\n\/\/ \uc774\ubbf8\uc9c0 \uad00\ub828 <br \/>\nvar zoom_img = ImgWnd.document.getElementById(&#8216;showImage&#8217;); <br \/>\nvar per_text = ImgWnd.document.getElementById(&#8216;zoom_percent&#8217;); <br \/>\nper_text.innerHTML = Math.ceil(zoom_img.style.width\/img_original_width*100)+&#8217;%&#8217;; <\/p>\n<p>\/\/ \uc708\ub3c4\uc6b0 \ucc3d \ud06c\uae30 \uc870\uc815 \uad00\ub828 <br \/>\nvar resize_width=0, resize_height=0; <\/p>\n<p>if(zoom_img.clientWidth == img_original_width) <br \/>\n{ <br \/>\nzoom_img.style.width = img_modify_width; <br \/>\nzoom_img.style.height = img_modify_height; <br \/>\nper_text.innerHTML = Math.ceil(img_modify_width\/img_original_width*100)+&#8217;%&#8217;; <br \/>\nisZoom = false; <\/p>\n<p>\/\/ \ucc3d \ud06c\uae30 \uc870\uc815 <br \/>\nif(img_modify_width == screen.width &#8211; newWndMargin) <br \/>\n{ <br \/>\nif(!ImgWnd.window.innerHeight) \/\/ IE <br \/>\nresize_height = img_modify_height &#8211; ImgWnd.window.document.body.offsetHeight; <br \/>\nelse <br \/>\nresize_height = img_modify_height &#8211; ImgWnd.window.innerHeight; <br \/>\n} <br \/>\nelse <br \/>\n{ <br \/>\nif(!ImgWnd.window.innerWidth) \/\/ IE <br \/>\nresize_width = img_modify_width &#8211; ImgWnd.window.document.body.offsetWidth; <br \/>\nelse <br \/>\nresize_width = img_modify_width &#8211; ImgWnd.window.innerWidth; <br \/>\n} <\/p>\n<p>\/\/ \ubc84\ud2bc \uc704\uce58 \ucd08\uae30\ud654 <br \/>\nvar zoom_box = ImgWnd.document.getElementById(&#8216;zoom_box&#8217;); <br \/>\nzoom_box.style.left = zoombox_x + &#8216;px&#8217;; <br \/>\nzoom_box.style.top = zoombox_y + &#8216;px&#8217;; <\/p>\n<p>\/\/ \ubc84\ud2bc \uc774\ubbf8\uc9c0 \ubcc0\uacbd <br \/>\nvar zoombutton = ImgWnd.document.getElementById(&#8216;zoom_button&#8217;); <br \/>\nzoombutton.src = &#8216;http:\/\/comedu.korea.ac.kr\/~subicura\/java\/100_icon.gif&#8217;; <\/p>\n<p>} <br \/>\nelse <br \/>\n{ <br \/>\nzoom_img.style.width = img_original_width; <br \/>\nzoom_img.style.height = img_original_height; <br \/>\nper_text.innerHTML = &#8216;100%&#8217;; <br \/>\nisZoom = true; <\/p>\n<p>var zoombutton = ImgWnd.document.getElementById(&#8216;zoom_button&#8217;); <br \/>\nzoombutton.src = &#8216;http:\/\/comedu.korea.ac.kr\/~subicura\/java\/00_icon.gif&#8217;; <\/p>\n<p>\/\/ \ucc3d \ud06c\uae30 \uc870\uc815 <br \/>\nif(img_modify_width+newWndMargin == screen.width) <br \/>\n{ <br \/>\nif(img_original_height+newWndMargin > screen.height) <br \/>\nresize_height = screen.height-newWndMargin-img_modify_height; <br \/>\nelse <br \/>\nresize_height = img_original_height-img_modify_height; <br \/>\n} <br \/>\nelse <br \/>\n{ <br \/>\nif(img_original_width+newWndMargin > screen.width) <br \/>\nresize_width = screen.width-newWndMargin-img_modify_width; <br \/>\nelse <br \/>\nresize_width = img_original_width-img_modify_width; <br \/>\n} <br \/>\n} <\/p>\n<p>\/\/  \ucc3d \ud06c\uae30 \uc870\uc815 <br \/>\nif(Math.abs(resize_width) > 70 || Math.abs(resize_height) > 70) <br \/>\n{ <br \/>\nif(navigator.appName.indexOf(&#8220;Microsoft&#8221;) != -1) \/\/ IE Bug <br \/>\nImgWnd.moveTo(0,0); <br \/>\nImgWnd.resizeBy(resize_width,resize_height); <\/p>\n<p>\/\/ \uc708\ub3c4\uc6b0 \ucc3d \uc704\uce58 \uc870\uc815 <br \/>\nif(!ImgWnd.window.innerHeight) \/\/ ie <br \/>\n{ <br \/>\nImgWnd.moveTo(Math.ceil((screen.width &#8211; ImgWnd.window.document.body.offsetWidth)\/2), Math.ceil((screen.height &#8211; ImgWnd.window.document.body.offsetHeight)\/2)); <br \/>\n} <br \/>\nelse <br \/>\n{ <br \/>\nImgWnd.moveTo(Math.ceil((screen.width &#8211; ImgWnd.window.innerWidth)\/2), Math.ceil((screen.height &#8211; ImgWnd.window.innerHeight)\/2)); <br \/>\n} <\/p>\n<p>\/\/ \uc90c \ubc84\ud2bc \uc704\uce58 \uc774\ub3d9 <br \/>\nvar zoom_box = ImgWnd.document.getElementById(&#8216;zoom_box&#8217;); <br \/>\nzoombox_x += resize_width; <br \/>\nzoombox_y += resize_height; <br \/>\nzoom_box.style.left = zoombox_x+&#8217;px&#8217;; <br \/>\nzoom_box.style.top = zoombox_y+&#8217;px&#8217;; <br \/>\n} <br \/>\n}  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uae00\uc4f4\uc774 : \uc11c\ube44\ud050\ub77c \ub0a0\uc9dc : 06-01-27 10:22 \uc870\ud68c : 958 http:\/\/comedu.korea.ac.kr\/~subicura\/java\/showImage.htm (534) \uc774\ubbf8\uc9c0\ub97c \ud074\ub9ad\ud588\uc744 \ub54c \ube44\uc728 \uc870\uc815\ud558\uc5ec \uc0c8\ucc3d\uc744 \uc5f4\uc5b4\uc90d\ub2c8\ub2e4~ \uc77c\ubc18\uc801\uc778 \uae30\ub2a5\uc5d0 \ub9c8\uc6b0\uc2a4 \ub4dc\ub798\uadf8, \ud720(IE), \ud655\ub300\/\ucd95\uc18c \uae30\ub2a5\uc744 \ub123\uc5c8\uc2b5\ub2c8\ub2e4. \ud544\uc694 \ud558\uc2e0\ubd84 \uc4f0\uc138\uc694~ \ubc84\uadf8\ub098 \uc81c\uc548\ud558\uc2e4\uc810\uc740 \ucf54\uba58 \ub0a8\uaca8\uc8fc\uc138\uc694~ &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; \uc18c\uc2a4 &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; \/********************************************************************* * \uc774\ubbf8\uc9c0 \uc0c8\ucc3d\uc73c\ub85c \uc5f4\uc5b4\uc11c \ubcf4\uae30 * \ud30c\uc77c\uba85 : showImage.htm * \uc791\uc131\uc790 : \uc11c\ube44\ud050\ub77c(subicura@nate.com) * \uc791\uc131\uc77c : 06\/01\/27 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[51],"tags":[],"class_list":["post-1475","post","type-post","status-publish","format-standard","hentry","category-papa-php"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/posts\/1475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jblove.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1475"}],"version-history":[{"count":0,"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/posts\/1475\/revisions"}],"wp:attachment":[{"href":"https:\/\/jblove.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jblove.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jblove.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}