CINXE.COM

Through the Prism of Masquerade: The Colonial Past in Assassination

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:mml="http://www.w3.org/1998/Math/MathML"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name ="format-detection" content ="telephone=no"> <meta name="citation_journal_title" content="International Journal of Korean History"/> <meta name="citation_title" content="Through the Prism of Masquerade: The Colonial Past in <i>Assassination</i>"/> <script type="text/javascript"> function showBox(obj) { if(reviewLayer.style.display == "block") return; reviewLayer.innerText=document.getElementById(obj.href.split("#")[1]).textContent; reviewLayer.style.top = (event.pageY ? event.pageY : (document.documentElement.scrollTop + event.clientY )) + "px"; reviewLayer.style.left = (document.body.clientWidth <= (event.clientX + 310) ? -310 : 10)+ event.clientX + "px"; reviewLayer.style.display = "block"; } //altmetric-embed 새창연결 function blank_action(){ $(".altmetric-embed").find('a').attr('target','_blank'); } </script> <meta name="dc.identifier" content="doi:10.22372/ijkh.2016.08.21.2.193" /> <meta name="citation_fulltext_html_url" content="http://ijkh.khistory.org/journal/view.php?number=8"/> <meta name="citation_publisher" content="The Center for Korean History, Institute of Korean"/> <meta name="citation_journal_title" content="International Journal of Korean History"/> <meta name="citation_journal_abbrev" content="Int J Korean Hist"/> <meta name="citation_title" content="Through the Prism of Masquerade: The Colonial Past in Assassination"/> <meta name="citation_author" content="Jinsoo An"/> <meta name="citation_author_institution" content="Assistant Professor, Department of East Asian Languages and Cultures, UC Berkeley, Berkeley, CA, USA"/> <meta name="citation_publication_date" content="2016/8/31"/> <meta name="citation_volume" content="21"/> <meta name="citation_issue" content="2"/> <meta name="citation_firstpage" content="193"/> <meta name="citation_lastpage" content="204"/> <meta name="citation_doi" content="10.22372/ijkh.2016.08.21.2.193"/> <meta name="citation_issn" content="1598-2041"> <meta name="citation_pdf_url" content="https://ijkh.khistory.org/upload/pdf/ijkh-21-2-193.pdf"/> <meta name="citation_language" content="English"/> <title>Through the Prism of Masquerade: The Colonial Past in Assassination</title> <meta property='og:image' content='http://ijkh.khistory.org/image/sns_logo.jpg'/> <meta property='og:title' content='Through the Prism of Masquerade: The Colonial Past in <i>Assassination</i>'/> <meta property='og:description' content='Through the Prism of Masquerade: The Colonial Past in <i>Assassination</i>'/> <meta property='og:url' content='//ijkh.khistory.org/journal/view.php?number=8'/> <meta property='og:type' content='website'/> <link rel="stylesheet" href="/include/style.css?1737928178" type="text/css"> <link rel="shortcut icon" href="/image/favicon.ico"> <script type="text/javascript" src="/include/common.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-88264613-1, 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript" src="/script/jquery.js"></script> <script type="text/javascript"> <!-- var acIdx = -1; function autoCompleteHead(v) { if(event.keyCode >= 37 && event.keyCode <= 40) { if(event.keyCode % 2) return; var max = $(".autoKeywords").size(); if(event.keyCode == 38) acIdx--; else if(event.keyCode == 40) acIdx++; if(acIdx < 0) acIdx = max-1; if(acIdx > max-1) acIdx = 0; $(".autoKeywords").css("background","#ffffff"); $(".autoKeywords").eq(acIdx).css("background","#e9e9e9"); $("input[name='term_all']").val($(".autoKeywords").eq(acIdx).text()); return; } acIdx = -1; $.post("/func/autoComplete.php", "value="+v, function (d, s) { if(s == "success") { if(d != "" && v.length > 1) { $("#autoCompleteLayerHead").attr("class", ""); $("#autoCompleteLayerHead").html(d); } else { $("#autoCompleteLayerHead").attr("class", "none"); $("#autoCompleteLayerHead").html(""); } } }); } var autoComplete_ck = 0; function term_all_onblur(){ if(autoComplete_ck == 0){ $("#autoCompleteLayerHead").html(""); $("#autoCompleteLayerHead").attr("class", "none"); } } function transText(f) { if(!f.term_all.value) return false; } //--> </script> <script language="JavaScript"> <!-- function journal_download(type, sid, filename) { var increase_column; if(type == "pdf") { var openWindow = window.open("about:blank"); openWindow.location.href = '/upload/pdf/' + filename; increase_column = "pdf_down"; } else if(type == "epub") { location.href = '/func/download.php?' + filename; increase_column = "epub_down"; } $.ajax({ type: 'POST', data: {table: 'journal_tbl', column: increase_column, count: 1, condition_column: 'sid', condition_value: sid}, url: '/func/count_increase.php' }); } //--> </SCRIPT> <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_HTMLorMML-full"></script> </head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-M035FQRZT7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-M035FQRZT7'); </script><body> <!-- 고정될 GNB 영역을 감싸는 div 추가 --> <div class="headerWrap" style="z-index:100;position:fixed;left:0;top:0;width:100%;;min-width:980px;background:url('/image/top_bg.gif') left bottom repeat-x;"> <div style="background:#B6B1AD"> <div style="width:990px;margin:auto;color:#FFFFFF;text-align:right;padding:10px 0px"> | <a href="/" style='color:#FFFFFF;'>Home</a> | <a href="/about/sitemap.php" style='color:#FFFFFF;'>Sitemap</a> | <a href="/about/contact.php" style='color:#FFFFFF;'>Editorial Office</a> | &nbsp;<div id="google_translate_element" style='padding-top:0;height:20px;float:right;'></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: '', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </div> </div> <!--<div style="background-image:url('/image/top_bg.gif');background-repeat:repeat-x;">--> <div style="width:980px; margin:auto;"> <div style="width:980px;"> <div> <div style="float:left;margin-left:5px;"> <a href="/"> <img src="/image/top_logo.gif" title="International Journal of Korean History" /> </a> </div> <div style="float:right;"> <img src="/image/top_img.gif" alt="top_img" /> </div> <div style="clear:both;height:0"> </div> </div> <table border="0" cellpadding="0" cellspacing="0" width="970px" align="center" class="lm10" style="display:block;"> <tr> <td width="630px" style="padding:0px"> <div> <a href="/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu1','','/image/menu1_o.gif',1);MM_showHideLayers('Layer1','','show','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')"><IMG SRC="/image/menu1.gif" BORDER="0" NAME="menu1" class="vertical_middle"></a><!-- --><a onMouseOut="MM_swapImgRestore();MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOver="MM_swapImage('menu5','','/image/menu2_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','show')"><IMG SRC="/image/menu2.gif" BORDER="0" NAME="menu5" class="vertical_middle"></A><!-- --><a onMouseOut="MM_swapImgRestore();MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOver="MM_swapImage('menu2','','/image/menu3_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','show','Layer3','','hide','Layer4','','hide','Layer5','','hide')"><IMG SRC="/image/menu3.gif" BORDER="0" NAME="menu2" class="vertical_middle"></A><!-- --><a href="/current/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu3','','/image/menu4_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','show','Layer4','','hide','Layer5','','hide')"><IMG SRC="/image/menu4.gif" BORDER="0" NAME="menu3" class="vertical_middle"></A><!-- --><a onMouseOut="MM_swapImgRestore();MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOver="MM_swapImage('menu4','','/image/menu5_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','show','Layer5','','hide')"><IMG SRC="/image/menu5.gif" BORDER="0" NAME="menu4" class="vertical_middle"></A> </div> </td> <td width="220px" align="center"> <form name="searformform" method="post" action="/articles/search_result.php" onsubmit="return transText(this);"> <table cellpadding=0 cellspacing=0 border=0 > <tr> <td style="border:1px solid #efefef;background:white;position: relative;"> <input type="text" name="term_all" autocomplete="off" style="width:150px;height:19px;border:0px" class="vertical_middle" onkeyup="autoCompleteHead(this.value);" onfocus="autoCompleteHead(this.value);" onblur="term_all_onblur();"/> <input type="image" src="/image/icon/search.gif" alt="Search" class="vertical_middle"/> <div id="autoCompleteLayerHead" class="none"></div> </td> </table> </form> </td> <td> <a href="/articles/search.php" style="color:white;display:block;"><img src="/image/b_advanced.gif" alt="" /></a> </td> </tr> </table> <div style="position:relative;margin:auto;z-index:999;"> <div id="Layer5" style="position:absolute; left:10px; z-index:999;visibility: hidden" onMouseOut="MM_swapImgRestore();MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOver="MM_swapImage('menu5','','/image/menu2_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','show')"> <div style="line-height:25px; background:url('/image/sub_m1.png');background-repeat:repeat-y;width:200px;"> <table cellpadding="0" cellspacing="0" border="0" style="margin-left:2px;width:186px"> <tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/about/index.php"><font style="vertical-align:middle;color:#7D7D7D"> Aims and Scope</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/about/about.php"><font style="vertical-align:middle;color:#7D7D7D"> About the Journal</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/about/editorial.php"><font style="vertical-align:middle;color:#7D7D7D"> Editorial Board</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/about/open_access.php"><font style="vertical-align:middle;color:#7D7D7D"> Open Access</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/about/subscription.php"><font style="vertical-align:middle;color:#7D7D7D"> Subscriptions</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/about/contact.php"><font style="vertical-align:middle;color:#7D7D7D"> Editorial Office</B></font></a></td></tr> </table> </div> <div><img src="/image/sub_m3.png" alt="" /></div> </div> <div id="Layer4" style="position:absolute; left:430px; z-index:1;visibility: hidden" onMouseOut="MM_swapImgRestore();MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOver="MM_swapImage('menu4','','/image/menu5_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','show','Layer5','','hide')"> <div style="line-height:25px; background:url('/image/sub_m1.png');background-repeat:repeat-y;width:200px;"> <table cellpadding="0" cellspacing="0" border="0" style="margin-left:2px;width:186px"> <tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/authors/authors.php"><font style="vertical-align:middle;color:#7D7D7D"> Instructions for Authors</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/authors/ethics.php"><font style="vertical-align:middle;color:#7D7D7D"> Principles for Ethical Research</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/authors/submission.php"><font style="vertical-align:middle;color:#7D7D7D"> Submission</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/authors/processing_charge.php"><font style="vertical-align:middle;color:#7D7D7D"> Article-processing Charge</B></font></a></td></tr> </table> </div> <div><img src="/image/sub_m3.png" alt="" /></div> </div> <div id="Layer2" style="position:absolute; left:123px; z-index:1;visibility: hidden" onMouseOut="MM_swapImgRestore();MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')" onMouseOver="MM_swapImage('menu2','','/image/menu3_o.gif',1);MM_showHideLayers('Layer1','','hide','Layer2','','show','Layer3','','hide','Layer4','','hide','Layer5','','hide')"> <div style="line-height:25px; background:url('/image/sub_m1.png');background-repeat:repeat-y;width:200px;"> <table cellpadding="0" cellspacing="0" border="0" style="margin-left:2px;width:186px"> <tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/archive.php"><font style="vertical-align:middle;color:#7D7D7D"> All issues</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/print.php"><font style="vertical-align:middle;color:#7D7D7D"> Ahead-of Print Articles</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/current.php"><font style="vertical-align:middle;color:#7D7D7D"> Current Issue</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/mostread.php"><font style="vertical-align:middle;color:#7D7D7D"> Most Read Articles</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/mostcited.php"><font style="vertical-align:middle;color:#7D7D7D"> Most Cited Articles</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/search.php"><font style="vertical-align:middle;color:#7D7D7D"> <i>Int J Korean Hist</i> Search</B></font></a></td></tr><tr><td style="padding-top:5px;padding-bottom:5px;padding-left:20px;text-align:left;border-bottom:1px solid #efefef"><a href="/articles/author_index.php?index_key=a"><font style="vertical-align:middle;color:#7D7D7D"> Author Index</B></font></a></td></tr> </table> </div> <div><img src="/image/sub_m3.png" alt="" /></div> </div> </div> </div> </div> </div> <!-- //gnb --> <div class="container"> <table border="0" cellpadding="0" cellspacing="0" width="980" align="center" class="lm10 "> <tr> <td width=755 class="tp30 rp25" valign="top" style="padding-bottom: 30px;"> <style> @media print { div.headerWrap, div.aside, div.siteMap, div.footerWrap {display:none;} .crossmark, .admin_menu {display:none;} div.wrapper {padding-top:0 !important;} div.container {background:none;width:980px; padding-top:0px;margin:0;} div.printArea {display:block;float:none;margin:auto;padding-top:10px;} } </style> <div class="contents printArea"> <script> function create_thumbnail(num){ if(confirm("썸네일 이미지를 생성 하시겠습니까?") == true){ //확인 location.href='/journal/admin/create_thumbnail.php?number='+num; }else{ //취소 alert("취소하셨습니다"); } } </script> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" style="font-family:georgia;"> <a href="/articles/archive.php">International Journal of Korean History</a> &gt; <a href="/current/?vol=21&no=2">Volume 21(2); 2016</a> &gt; Article</font> </td> <td align="right" valign="top" style="padding-right:10px;position: relative;"> <script src="https://crossmark-cdn.crossref.org/widget/v2.0/widget.js"></script> <a data-target="crossmark"> <div style="width:150px;"> <img src="https://crossmark-cdn.crossref.org/widget/v2.0/logos/CROSSMARK_Color_horizontal.svg" style="width:100%;" class="crossmark"/> </div> </a> </td> </tr> </table> <style> <!-- .panel .label,.caption,.artCat { color: ; } .caption { font-size:11pt; line-height: 130%; font-family:georgia, sans-serif, "Nanum Gothic"; font-weight: normal; } .main-title,.section-title,.callout-title { color: ; font-weight: bold; } /* jats start */ table h2 { font-size: 16px; } table h3 { font-size: 15px; } table h3.title { font-size: 10pt; font-weight: lighter; margin: 0; } h5 { font-size: 15px; } .PubTitle { line-height: normal; } .abstract { margin-top: 10px; word-break:keep-all; } .blockquote { padding:20px; } a[name='appLink'] { color: #046eb8; } a[name='bibrLink'] { color: #046eb8; } a[name='emailLink'] { color: #046eb8; } a[name='figLink'] { color: #046eb8; } a[name='tableLink'] { color: #046eb8; } a[name='fnLink'] { color: #046eb8; } .abstract { border-top: 1px solid #87191B; border-bottom: 1px solid #87191B; } div.panel { cursor: pointer; background:#f5f5f5; padding:25px; } div.panel table td,div.panel table th { padding: 3px 7px; } .section-title { margin-top: 25px; margin-bottom: 5px; } .subsection-title { margin-top: 15px; margin-bottom: 5px; } .metadata-entry { margin: 2px 0px; } p.address-line { margin-top: 0em; margin-bottom: 0em; margin-left: 2em } ul,ol { margin-bottom: 1em } li { margin-top: 0.2em; margin-bottom: 0em; font-size: 9pt } li>p { margin-top: 0.1em; margin-bottom: 0em } div.def-list { border-spacing: 0.25em } div.def-list p { margin:0px; padding:0px; } .ref_layer { margin-bottom: 10px; word-wrap: break-word; word-break: keep-all; width:780px; } .apStyle { text-indent: 10px; } .main-title,.callout-title{ color:#87191B; } div.section { margin: 10px 0; } #inThisPage { background:#fff; border:2px solid #87191B; } .newITP { border: #87191B } .newITP a{ color: #000; } .section > div[id^='idp'] { text-indent: 1em; margin:5px 0; } .body > div[id^='idp'] { text-indent: 1em; margin:5px 0; } .footnote { word-break: break-word; } /* jats end */ --> </style> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns:mml="http://www.w3.org/1998/Math/MathML"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>An: Through the Prism of Masquerade: The Colonial Past in Assassination</title> </head> <body> <div id="article-front" class="front"> <div class="metadata"><div class="metadata-group"><div class="artCat" style="font-weight:bold;">History in Cinema Review</div></div></div> <div class="metadata two-column table"><div class="row"> <div class="metadata-group" style="font-size:15px;"><p class="metadata-entry">International Journal of Korean History 2016; 21(2): 193-204.</p></div> <div class="metadata-group" style="font-size:15px;"> <div class="metadata-group"><p class="metadata-entry"><span class="generated">Published online: </span>8.31.2016 </p></div> <p class="metadata-entry"><span class="generated">DOI: </span><a href="https://doi.org/10.22372/ijkh.2016.08.21.2.193">https://doi.org/10.22372/ijkh.2016.08.21.2.193</a></p> </div> <div class="metadata centered"><h3 class="PubTitle">Through the Prism of Masquerade: The Colonial Past in <i>Assassination</i> </h3></div> <div class="metadata-group author_layer" style="margin-bottom:10px;"></div> <div class="metadata-group aff_layer"></div> <div class="metadata centered"></div> <div class="metadata-group author_layer" style="margin-bottom:10px;"> <a href="/articles/search_result.php?term=author&amp;f_name=Jinsoo&amp;l_name=An">Jinsoo An</a><sup>*</sup> </div> <div class="metadata-group aff_layer" style="margin-bottom:10px;"><p class="metadata-entry"><a id="af1-ijkh-21-2-193"><!-- named anchor --></a> <sup>*</sup>Assistant Professor, Department of East Asian Languages and Cultures, UC Berkeley, Berkeley, CA, USA</p></div> <div class="metadata centered"></div> <div class="metadata-group author_layer" style="margin-bottom:10px;"></div> <div class="metadata-group aff_layer" style="margin-bottom:10px;"></div> <div class="metadata-group" style="font-size:15px;"> <p class="metadata-entry copyright" style="font-size:12px; margin-top:10px;">Copyright © Center for Korean History </p> <div class="metadata-chunk" style="font-size:12px;"><div class="first" id="idm139789803247952">This is an open access article distributed under the terms of the Creative Commons Attribution Non-Commercial License (<a target="_blank" href="http://creativecommons.org/licenses/by-nc/4.0" id="idm139789803247536">http://creativecommons.org/licenses/by-nc/4.0</a>), which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.</div></div> </div> </div></div> <div id="before_abstract"></div> </div> <div id="article-body" class="body"> <div class="first" id="idm139789803245632"> <i>Assassination</i> marks a new phase of colonial representation in South Korean cinema. To explicate the film’s unique, if not revisionist, view toward the colonial past, this review focuses on an analysis of how the film fleshes out the neglected representational features that have nevertheless constituted the stuff of cinematic history toward the colonial past. In doing so, I move away from the issue of veracity which would inadvertently bog down a serious analysis of popular renditions of history. Instead, I attempt to elucidate the ways in which <i>Assassination</i> adroitly changes the coordinates of antinomy and tension in mapping out the relationship between the colonizer and the colonized, thereby achieving a more complex and nuanced depiction of the colonial experience. Specifically, I situate the subject of collaboration at the center of the film’s analysis as it significantly complicates and relates to other key questions such as perception and appearance, the colonial legacy, and postcolonial politics, as well as symptoms of hysteria and perversion. This review also strives to shed light on the significance of the ethical drive in the film’s reckoning of the colonial and postcolonial nexus. I claim that the film breaks away from the deadlock of many conundrums and thereby promises a more radical Korea’s sociopolitical history hitherto unrehearsed in South Korean’s cinematic history.</div> <div id="idm139789803242992">The film’s main narrative concerns a covert operation of an assassination unit that aims to purge the elite beneficiaries of colonial rule. The operation’s preparation, procedure, execution, and aftermath comprises the film’s central narrative as the characters from disparate backgrounds come together to carry out their collective mission. The opposite end of the spectrum is located within the brutal Japanese police force, but also with the pro-Japanese collaborators who show a growing confidence in their position in colonial society. The covert operation shows the complex intersection of personal interests, familial conflict, and shifting political affiliations within the society of colonial-era Korea. Most significantly, the treachery of the “mole” within the nationalist camp creates a deadly threat and nearly derails the entire campaign. Yet the clandestine members insist on carrying out the campaign, achieving success at the end— but only after paying a heavy price for the cause.</div> <div id="idm139789803241520">The aforementioned adumbration barely covers a narrative that features multiple subplots and twists as well as a diverse cast of main characters and convoluted shifts in loyalty. Director Choi Dong-hoon is known for his complex heist films, earning him the reputation of “master of deception,” a label that aptly captures the central thematic tenet of all his films:the complex relation between appearance and essence.<sup style='font-size:11px'><a href="#fn1-ijkh-21-2-193" name="fnLink" class="fnClassfn1">1</a></sup> <i>Assassination</i> shows a variation of the auteur’s preoccupation with the theme of masquerade and deception, as Choi uses this thematic frame to explore and expand upon the issue of collaboration under colonial rule.</div> <div id="idm139789803238880">The theme of treachery manifests itself through the actions of two antagonists: Kang In’guk and Yŏm Sŏkchin. A successful businessman, Kang represents the old traditional figure of the pro-Japanese collaborator whose motivation for treachery lies in the pursuit of power and the accumulation of material wealth. As a shrewd businessman, Kang never hesitates to eliminate anything that gets in the way of securing his upward mobility, including his own family members (first his wife, and then his daughter Mitsuko, as he believes they are linked to the terrorist nationalist camp). The obsequious devotion to the Japanese empire is, for Kang, a rational choice rather than an ideological one in order to benefit himself, his family, and the Korean nation alike.</div> <div id="idm139789803237648">In contrast, Yŏm’s act of collaboration has an added psychological and personal dimension. At the beginning, Yŏm acts as a competent nationalist agent who devotes himself to the cause. However, Yŏm surrenders to the colonizer’s brutal pressure after his arrest. He soon works as a secret informant for the Japanese intelligence from within Korea’s nationalist headquarters, i.e., the Shanghai Provisional Government. The paramount and vexing task posed by the film is figuring out how to identify and curtail the threat of spy infiltration that constantly threatens both the Japanese and Korean camps. Yŏm’s secret conversion triggers a series of events that are detrimental to the otherwise meticulously planned covert operation of Korean agents that was ironically put together by Yŏm in the first place.</div> <div id="idm139789803236352">What distinguishes <i>Assassination</i> from its predecessors in the spy film genre is its extended treatment of pro-Japanese collaboration in the form of spy infiltration into the nationalist camp. In order to understand the gravity and complexity of this issue, it is necessary to expand the parameter to shed light on a long-held representational convention in South Korean cinema, because it is precisely against this convention through which the film projects its exceptional scenario. South Korean films have typically projected the binary opposition of Korean vs. Japanese to render the colonial reality—that is, the black and white conflict between the colonizer Japan vs. the colonized Korea. However, upon closer examination, the cinematic terms of antagonism inform a more nuanced configuration. On one hand, Japanese colonial domination has always been supposed as total and comprehensive, subjecting Koreans to the ever-effective and expanding force of colonial surveillance and control. This contour led to the peculiar and prolonged aura of colonial Korea on-screen, often charged with the air of inertia, listlessness, and depression. Yet simultaneously, Koreans living under such rule have been portrayed with no apparent fascination for the signs of modernity or modernization that the Japanese brought to Korea.</div> <div id="idm139789803234112">The question is then how do the colonized Koreans carve out a space for alterity, dissidence and opposition toward the colonizer? The answer lies in the trope of masquerade that South Korean films have historically naturalized as a principal ground for ethno-national affinity. Put simply, the colonized Koreans carve out a space of subversive alterity through which they can ward off the colonizer’s gaze by feigning performance. Being Korean under colonial rule means living with the perpetual sense of duplicity or split subjectivity, i.e., being able to display the necessary <i>appearance</i> of docility, loyalty, and devotion, all designed to fulfill the imperial project. Not being duped to the imperialist ideology, however, Koreans secure a sense of authenticity through—and only through—the act of deception. The catch here is that the Japanese authority persistently <i>fails</i> to discern the “duplicitous” character of the Korean collective. The Japanese are almost always duped by the appearance of obedience that the colonized subject seemingly demonstrates of their own volition. Furthermore, Koreans are attributed with the natural capacity to deceive the gaze of the Japanese colonial authority by feigning the act of allegiance.</div> <div id="idm139789803231488">This consistent feature informs how South Korean films tapped into and subverted the extended promise of the colonial policy of cultural assimilation according to which Koreans were destined to become indistinguishable from Japanese. The root of the contrarian Korean collective hence emerges from, and takes advantage of, the very lacunae of the colonial assimilation policy. However counterintuitive it may sound, South Korean films have already assumed and reframed the conundrum of colonial mimicry. But in order for this subversive scenario to work, Koreans are portrayed with the innate ability to discern the feigning nature of <i>other</i> Koreans’ acts.<sup style='font-size:11px'><a href="#fn2-ijkh-21-2-193" name="fnLink" class="fnClassfn2">2</a></sup> That is, any Korean who observes the supposed “faithful” act before the Japanese authority is able to discern and bracket its façade. One always communicates with other Korean people the unspoken political affinity through the shared field of intelligence. The fail-safe nature of intra-ethnic communication, I argue, holds the key to understanding the Korean collective political consciousness on-screen.</div> <div id="idm139789803228416">This theme of perception, recognition, and subversion operates quite pervasively and systematically in nearly every film set in Korea’s colonial past. Almost all of these films feature moments of deception in one form or another: this is a feature that makes these films appear close to the genre of espionage film in which the tropes of masquerade, deception, and duplicity proliferate. But, unlike conventional espionage films where masquerade is limited to the covert operation of the secret agent, these Korean films use the trope of deception more broadly to render the perceptual mode of the Korean collective visible. The fundamental tension between Korean and Japanese can therefore be reconceptualized in terms of a presupposed possession of the faculty for recognition and discernment. As Koreans are always able to discern the nature of other Koreans on the sheer basis of shared ethnicity, they also share the inviolable “inner domain” that is not rooted in the discourse of tradition or spirituality, but in mutual, if not phatic, perspicacity toward undeterred political solidarity.</div> <div id="idm139789803226848">Within this framework of perception and judgment, the pro-Japanese collaborator signifies a specific type of disarray and threat: the culprit who sells out the inner knowledge of the Korean collective to the Japanese counterpart. The Korean collaborator has the capacity to distinguish what the Japanese fail to discern: the ability to see through the “fallacious” appearance of loyalty by the colonized. In the film, the collaborator Yŏm signals this threat precisely because he disrupts this innate paradigm of inner domain of perceptual acumen that is fundamental to the coordinates of the sporadic, intermittent, but effective, nationalist actions. Furthermore, Yŏm has at his disposal the details of the covert assassination scheme that he helped to set up in the first place.</div> <div id="idm139789803225600">The film is punctuated by sequences in which Yŏm authorizes his power to identify and capture Korean operatives in disguise.<sup style='font-size:11px'><a href="#fn3-ijkh-21-2-193" name="fnLink" class="fnClassfn3">3</a></sup> But it is crucial to closely examine the way in which Yŏm undergoes the drastic conversion. When his boss Kim Ku orders him to help recruit Korean outlaws for the new assassination campaign, Yŏm starts to inform the Japanese intelligence of the planned operation. Kim becomes suspicious of Yŏm’s secret and intervenes in the plan to secure the squad’s early entry into Korea. He then uses this intervention to ferret out Yŏm as the mole. Specifically, Kim orders his operatives to follow Yŏm and eliminate him once his treachery is detected. This last mission proves a disaster, however, as Yŏm quickly retaliates. The film then explores Yŏm’s troubled subjective state at length. Withdrawing into an opium den, Yŏm suffers from paranoia and delusions and subsequently shoots innocent bystanders in the den, mistaking them for Kim. He is then rescued by the Japanese intelligence officer and sent to Korea to track down the assassination squad.<sup style='font-size:11px'><a href="#fn3-ijkh-21-2-193" name="fnLink" class="fnClassfn3">3</a></sup> </div> <div id="idm139789803222048">Yŏm’s explicit symptoms of hysteria, paranoia, and delusion call for further analysis. Yŏm is in abysmal anguish precisely because he feels “betrayed” by his boss, Kim. This reaction shows a peculiar inversion of resentment, for it is the exposed mole who feels betrayed by the organization to which he had been disloyal in the first place. To understand this bizarre scenario of self-victimization, we need to turn to the new imagery of political leadership and commitment that the film articulates at length.</div> <div id="idm139789803221056">Kim differs in two significant ways from other nationalist leaders showcased by Korean cinema in the past. First, he possesses, yet again, a penetrating insight into the true nature of the counterforce—in this case, Yŏm. His unfailing perspicacity illustrates the continuing use of the perceptual dichotomy that governs the anti-colonial logic of nationalism in Korean cinema. But perhaps what is more revealing is—and this is what drives Yŏm to his breaking point—his quick judgment and ruthless action to dispel anything that may threaten the nationalist campaign. It is this endless expanse of determination that Yŏm fails to recognize. Initially, Kim acts normally toward Yŏm even when Kim is aware of Yŏm’s dubious past—that is, how Yŏm has survived the torture and intimidation of the Japanese police. Both parties are then engaged in the mutual act of masquerade. When challenged, Yŏm attempts to prove his “faithfulness” by pulling an (empty) pistol to his head before Kim. However, Kim clearly does not buy his act. Instead, Kim exhibits a façade of trust and concern in order to appease Yŏm. Yŏm then walks away from the incident, believing that he has successfully deceived his boss only to realize, belatedly, his gross miscalculation. It is this moment of realization that then drives Yŏm into a near psychological breakdown. He screams out, “How come did Kim not trust me?”</div> <div id="idm139789803219168">What lies at the heart of Yŏm’s resentment toward the nationalist leader? His excessive reaction suggests that there is a troubling void within the kernel of the nationalist struggle: that there is no consideration for the individual’s past suffering and the personal sacrifice made for the nation. Kim’s unforgiving order to exterminate Yŏm does not take into consideration what Yŏm had to go through for the nation: gunshot injuries, loss of fingers, prolonged extreme torture, and near-death intimidation. Kim’s ruthless resolution prevents Yŏm from making any kind of appeal for forgiveness or compromise: in order to survive, Yŏm had no option but to give in to the pressure of the Japanese police. Instead, the vicissitudes and the personal story of Yŏm are reduced to null in front of the merciless political mandate.</div> <div id="idm139789803217856">What the film configures through this interaction is the somber rendition of the nationalist struggle: the absolute commitment or injunction without any promise of reward or validation.<sup style='font-size:11px'><a href="#fn4-ijkh-21-2-193" name="fnLink" class="fnClassfn4">4</a></sup> Kim’s adamancy undercuts his anterior nationalist credentials that are central to Yŏm’s disavowed belief in his political loyalty. Kim completely negates Yŏm’s past nationalist credentials as well as the circumstantial reason for his weakness; instead, Kim simply proceeds to order the killing without any hesitation. Whereas the archetype of the nationalist leader in earlier films tends to function either as the symbolic figure who grants some form of reward or recognition to the campaign’s acting agent, Kim in <i>Assassination</i> is hardly engaged in such a mode of value exchange. Instead, he appears as the pure figure of command and authority who only demands the total devotion of the members. <sup style='font-size:11px'><a href="#fn4-ijkh-21-2-193" name="fnLink" class="fnClassfn4">4</a></sup> </div> <div id="idm139789803214032"> <i>Assassination</i> poses the possibility of a new configuration of the nationalist discourse, one enmeshed in the ethical drive but deprived of clear recompense. The nationalist devotion stands as the mandate under which consideration for personal recognition or reward is never anticipated. The new formulation may appear excessive and lopsided. However, those who follow orders turn this excessive injunction into an inviolable and sublime virtue through equally ferocious determination. All members of the squad carry out the mission without any expectation for personal gain or validation, both of which the collaborators aspire to achieve in contrast. The film thus casts a startling portrayal in the comparison of the nationalist and collaborator. Contrary to popular belief, it is the collaborator and not the nationalist who possesses the complexity of “human” disposition, filled with a keen sense of self-interest, self-preservation, and the assumption of such values as social validation. In contradistinction, the nationalists are deprived of such small-scale “human” traits but dwell in the relentless pursuit of the campaign.<sup style='font-size:11px'><a href="#fn5-ijkh-21-2-193" name="fnLink" class="fnClassfn5">5</a></sup> </div> <div id="idm139789803211184">This insistence turns nationalism into an excessive ethical injunction rarely found in Korean cinema. Though this scenario may easily fall into pedantic didacticism, the film articulates and furnishes its inexorable dynamics in terms of character dispositions and assured actions. For instance, An Okyun, the leader of the assassination squad, is a prime example of the unstoppable drive for the political cause. Throughout the film, An maintains composure, showing undeterred concentration on the given mission. Her single-minded devotion and leadership carry forward a mission that suffers several setbacks. She is also situated at the nexus of family reunions and discoveries, but ultimately emerges disentangled. For instance, the encounter with her twin sister Mitsuko informs An about the family background An did not know about: the true identity of their biological mother. However, all these potently melodramatic elements fail to bring her down to a level of sorrow or shock, as she quickly dispels these familial ties to concentrate on the very un-familial mission assigned to her: to eliminate the colonial elite figure of Kang, who is also her biological father.</div> <div id="idm139789803209552">But it is the meticulous design of the action sequence that fleshes out in visual and affective terms the relentlessness of the ethical drive in the film. Here, I am referring to the privileged moments of forward-thrust actions by the assassination squad that exceed the principle of dramatic plausibility. These members are not deterred by any circumstances, but proceed relentlessly, almost zealously, regardless of any physical pain or threat.. As a result, their bodies are often subject to incessant assault and blows, but they nevertheless display an irreducible integrity and earnestness. This includes the tracking shot of An running through the streets of Seoul while shooting a machine gun relentlessly at the Japanese military general’s automobile. An’s actions, coming after the botched attempts of other members, show her desperate and unrelenting tenacity in defeating the colonial threat. Similarly, the cynical bounty hunter-cum-nationalist agent Hawaii Pistol stages a prolonged and unstoppable act of revenge. He approaches Yŏm to attack him with a knife in the final street duel. Hawaii Pistol instantly faces the repeated shots that Yŏm fires. He takes every blow, falls down, and manages to repeat the whole process. Hawaii Pistol eventually depletes Yŏm with bullets, comes close, and stabs his knife deep into Yŏm’s chest. It is only after this final act of retribution that Hawaii Pistol then falls on the ground for the last time. The principle of willpower is expressed cogently in Soksapo’s statements. When he returns to the nationalist hideout with an injury from an unexpected ambush, a local operative asks Soksapo to remove himself from the campaign. Soksapo stops her from making such an arrangement, and instead retorts, “I am in this to the end. It is not my condition (that makes this operation possible).” Implied in this dialogue is the paramount significance of the determination and grit as the source of the nationalist struggle. Soksapo then joins the campaign and ultimately suffers death, carrying out the mission to his last breath. The instances of death in the film not only portray these characters as mere agents of the campaign, but also render how consciously they uphold the meanings of their actions.</div> <div id="idm139789803206816">The film’s conclusion parallels and elucidates the ethical dimension of the anti-colonial struggle to a spectacular but uncanny realization. The film has a unique bookend structure. It begins with the trial of the pro-Japanese collaborator Yŏm after the liberation, followed by the main story in the extended flashback, and then returns to the postcolonial situation of the present. Though charged with anti-national crimes, Yŏm becomes acquitted on major charges as the political situation of Korea slips into confusion and chaos and the colonial elite retain power. His release from the court is overlapped by the brewing protests on streets: the signs that head toward the greater divisiveness and enmity between the left and right camps. The film offers a cogent critical view toward the postcolonial reality of Korea, where the effort for decolonization turns into a botched project. Aporias of the colonial legacy appear unmistakably through the use of the flashback device as it ties up and problematizes both the crime of the past collaboration and the postcolonial failure of legal justice.</div> <div id="idm139789803205248">If the Korean state signifies the utter failure of decolonization, the film nevertheless reaffirms its indomitable will for retributive justice. Just when Yŏm starts to feel safe and free from any persecution and saunters into the market, a dramatic turn occurs: he becomes enticed by the sight of An. Yŏm follows An to the back alley and then to an empty back lot. There, he encounters the man who has been waiting for him. At first, he fails to recognize the man due to his disfigured face, but he soon comes to senses. It is the agent who followed Kim’s order to attack Yŏm but instead suffered the deadly counter-attack from Yŏm. Both An and the man close in on Yŏm with pistols. An then directs a question at Yŏm that is meant to be rhetorical: why has he betrayed his comrades? Terrified, Yŏm rationalizes his past actions through historical shortsightedness, answering that he did not know Korea would be liberated from Japan. Undeterred and unable to speak, the man draws his pistol and uses his hands to sign a sentence translated by An in an earnest tone: “My mission from 16 years ago, ‘If Yŏm is a spy, kill him,’ is now fulfilled.” Thereafter, the two shoot Yŏm mercilessly, bringing the film’s narrative to a close.</div> <div id="idm139789803203520">This retribution is remarkable for two reasons. First, the appearance of these agents, particularly the disfigured man, possesses the aura of the powerful spectral return. South Korean films have historically shown a rigid temporal divide between the colonial and postcolonial time frames with the exception of ghost narratives. Here, the call for historical justice also finds its most vivid and uncanny intensity in the figure of the specter. The ghost figure that the agent embodies captures the viewers’ attention by rendering visible the irrepressible outburst of unresolved resentment. Secondly, An’s ventriloquist statement invites reflection on the location and meanings of the nationalist political authority. The supposed recipient of this report is none other than Kim, the nationalist leader, who remains invisible in the sociopolitical frame of postcolonial Korea. In reality, Kim was quickly eclipsed by another leader, Syngman Rhee, who reemployed the colonial elites to fortify his political power. Kim is absent in the scene yet present through the invocation of these agents in action. What is radical about this scene is that the remainders of the past nationalist project carry on their duty even when the authority figure himself has vanished from view. But precisely because of this impossible insistence, the film conjures a new historical imagination consistent with the ethical precept for justice. Even when the dream of decolonization has been crushed in the political reality of postcolonial Korea, the individuals are capable of keeping up the struggle. The film’s ethico-historical view is echoed succinctly at another moment in the film, when Hawaii Pistol equivocates to An the efficacy of the nationalist struggle. An retorts with calm determination; “Who knows. But, we need to let people know that we are still fighting.” In the end, the film achieves its unusual historical imagination toward the colonial past through its depiction of the nationalist struggle as continuous, rather than resolved, allowing for the emergence of the radical historical subject.</div> </div> <div id="article-back" class="back"><div class="back-section"> <a id="idm139789803200624"><!-- named anchor --></a><h3 class="main-title">Notes</h3> <div class="footnote"> <a id="fn1-ijkh-21-2-193"><!-- named anchor --></a><p id="idm139789803199360">1  I am referring to the 2013 Korean film festival at USC, at which the film’s director Choi Dong-hoon was heralded as “master of deception.”</p> </div> <div class="footnote"> <a id="fn2-ijkh-21-2-193"><!-- named anchor --></a><p id="idm139789803197808">2  That said, how Koreans form the collective sense of affinity and belonging relies on the unique perspicacity toward its own people. The recognition of the inner domain of truth of “other Korean” is a priori faculty of Koreans in these films. This characteristic of the shared sense of mutual recognition explains, in part, why so many Korean guerrilla agents are able to find a place of refuge or hideout in other Koreans’ abodes: Koreans immediately recognize the true identity of other Koreans and put on a masquerade to protect other Koreans who are exposed to the draconic action of the colonial authority.</p> </div> <div class="footnote"> <a id="fn3-ijkh-21-2-193"><!-- named anchor --></a><p id="idm139789803195776">3  It should be noted that becoming close to the inner circle of power causes a loss of discernment for the collaborator. This feature is most apparent in Kang’s case. Defined from the beginning as the archetypal collaborator, Kang fails to recognize his wife’s terrorist plot and later kills his daughter Mitsuko, whom he mistakes for An Okyun—another daughter who he believes is now the leader of the assassination squad. In contrast, Kang’s butler servant has an unfailing insight into the approaching threat of the guerrilla agents. His personal investigation, triggered by Mitsuko’s innocuous remark about her long-lost twin sister An, nearly brings about the collapse of the campaign. His discernment is matched by An’s possession of clairvoyance, as she effectively quells the scheme of disguise that the butler has set up in order to catch her.</p> </div> <div class="footnote"> <a id="fn4-ijkh-21-2-193"><!-- named anchor --></a><p id="idm139789803193504">4  In contrast, the nationalist leader gains symbolic power precisely through organization of the libidinal drive for material accumulation in Manchurian action films of the 1960s. See my "War as Business in South Korea’s Manchurian Action Films." <i>positions: east asia cultures critique</i> 23, no. 4 (2015): 785-806.</p> </div> <div class="footnote"> <a id="fn5-ijkh-21-2-193"><!-- named anchor --></a><p id="idm139789803191344">5  To be sure, the film features moments when the squad members show a penchant for small pleasure of life. For instance, the leader An hopes to drink some Western coffee for the first time while in Shanghai. Similarly, Soksapo and Hwang Toksam also unveil their trifling desires and penchant for modern dance and drinking. However, the lure of modern culture and affluence hardly triggers any change in their minds. Instead, they treat and bracket them as a joyful distraction.</p> </div> </div></div> </body> </html> <div id="inThisPage" style="padding-top:0px;padding-left:0px;display:none;"></div></div><script type="text/javascript"> <!-- function _ajax(url, data, func, sync, type) { var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4) func(xmlhttp.responseText, xmlhttp.status == 200); }; xmlhttp.open(type ? type : 'POST', url, !sync ? true : false); xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded'); xmlhttp.send(data); } jColor = "#87191B"; $(function () { abs_flag = true; if($("#__abstract").html()) { $("#inThisPage").append("<div style='border-bottom:1px dotted silver;padding:5px 0px;'><a href='#__abstract' style='text-decoration:none;'>Abstract</a></div>"); abs_flag = false; } var len = $(".main-title").size(); for(var i = 0; i < len; i++) { if($(".main-title").eq(i).html()) { $(".main-title").eq(i).attr("id", "__sec"+i+"title"); if(i == len-1) { $("#inThisPage").append("<div style='padding:5px 0px;'><a href='#__sec"+i+"title' style='text-decoration:none;'>"+$(".main-title").eq(i).html()+"</a></div>"); } else { $("#inThisPage").append("<div style='border-bottom:1px dotted silver;padding:5px 0px;'><a href='#__sec"+i+"title' style='text-decoration:none;'>"+$(".main-title").eq(i).html()+"</a></div>"); } } } // insert goto buttons { var html = "<div onclick='openITP(this, false);' style='color:"+jColor+";position:absolute;text-align:right;top:0;right:0;cursor:pointer;'>Go to : <img src='/image/button/goto.gif' alt='Goto' title='Goto' border='0' align='bottom'/><div class='ITPArrow' style=\"display:none;width:0;height:0;border:5px solid transparent;border-top-color:"+jColor+";border-bottom-color:"+jColor+";border-bottom-width:0;\"></div></div>"; var sc = $(".abstract-layer"); sc.css('position','relative'); sc.append(html); var size1 = $(".body > .section").size(); for(var i = 0; i < size1; i++) { var sc = $(".body > .section").eq(i); if($(".body > .section:eq("+i+") .main-title").html()) { sc.css('position','relative'); sc.append(html); } } var size2 = $(".back > .back-section").size(); for(var i = 0; i < size2; i++) { var sc = $(".back > .back-section").eq(i); sc.css('position','relative'); sc.append(html); } } }); $("#body").click(function() {if(new_node_obj)openITP(null, true);}); var new_node = null, new_node_see = false, new_node_obj = null; function openITP(o, f) { if(new_node_see || f) { new_node_see = false; $(".newITP").css("display","none"); $(".ITPArrow").css("border-bottom-width", "0"); $(".ITPArrow").css("border-top-width", "5px"); if(new_node_obj != o && !f) openITP(o, false); } else { event.cancelBubble = true; //for IE if(event.stopPropagation) event.stopPropagation(); new_node_obj = o; if(!new_node) { new_node = inThisPage.cloneNode(true); o.appendChild(new_node); new_node.className='newITP'; $(".newITP").css("position","absolute"); $(".newITP").css("background","#fff"); $(".newITP").css("border-radius","7px"); $(".newITP").css("padding","5px"); $(".newITP").css("text-align","left"); $(".newITP").css("white-space","nowrap"); $(".newITP").css("z-index","999"); } $(".newITP").css("display","block"); $(".ITPArrow").css("border-bottom-width", "0"); $(".ITPArrow").css("border-top-width", "5px"); o.appendChild(new_node); $(".newITP").prev().css("border-bottom-width", "5px"); $(".newITP").prev().css("border-top-width", "0"); new_node_see = true; } } // Array에 inArray 메서드 추가 Array.prototype.inArray = function(obj) { if(this==null) return false; for (var i = 0, length = this.length; i < length; i++) if (this[i] == obj) return true; return false; }; Array.prototype.indexOf = function(obj) { if(this==null) return -1; for (var i = 0, length = this.length; i < length; i++) if (this[i] == obj) return i; return -1; }; // 팝업 레이어 관리 function getPopupLayer() { var POPUP = { lr : null, ot : 0, ol : 0, show : function () { if(this.lr) return this. lr; var w; w = document.getElementById("article-body").appendChild(document.createElement("div")); ot = document.getElementById("article-body").offsetTop; ol = document.getElementById("article-body").offsetLeft; this. lr = w; with(w.style) { background = "#ffffff"; position = "absolute"; cursor = "pointer"; borderColor = "#1381ce"; padding = "10px"; margin = "0px"; border = "2px solid #d0d0d0"; clear = "both"; zIndex = "99"; }; return w; }, hide : function () { if(!this.lr) return; this.lr.parentNode.removeChild(this.lr); this.lr = null; }, resize : function (w, h) { if(!this.lr) return; this.lr.style.width = w==0?"":(w+"px"); this.lr.style.height = h==0?"":(h+"px"); }, moveTo : function (x, y) { if(!this.lr) return; this.lr.style.left = x-2+"px"; this.lr.style.top = y-14+"px"; }, setHTML : function (html) { if(!this.lr) return; this.lr.innerHTML = html; } }; return POPUP; } var popup = new getPopupLayer(); // 레퍼런스 마우스오버 이벤트 추가 var bibrLink = document.getElementsByName("bibrLink"); var rLen = bibrLink.length; for(var i = 0; i < rLen; i++) { bibrLink[i].onmouseover = function() { var referId = this.getAttribute("href").split("#")[1]; var referElement = document.getElementById(referId);/*.parentNode; var referText = referElement.firstChild.textContent + ". "; referElement = referElement.parentNode; while(referElement = referElement.nextSibling) if(referElement.nodeName=="DIV") break;*/ referText = referElement.textContent; var ll = popup.show(); ll.onmouseout = function () { popup.hide(); }; popup.resize(400, 0); var bd = document.body.firstChild; do { if(bd.nodeName=="DIV") { bd = bd.offsetLeft; break; } } while(bd = bd.nextSibling) var scrollLeft = document.documentElement.scrollLeft | document.body.scrollLeft; var scrollTop = document.documentElement.scrollTop | document.body.scrollTop; popup.moveTo(this.getBoundingClientRect().left+scrollLeft-10, this.getBoundingClientRect().top+scrollTop); popup.setHTML(referText); ll.setAttribute("title", referId); ll.onclick = function () { //location.href = "#"+this.title; event.preventDefault(); var target = $("#"+this.title); var header_height = $('.headerWrap').height()+20; var offset_top = target.offset().top - header_height; $('html, body').animate({scrollTop: offset_top}, 1); }; }; } window.name = "0649_8"; // 피겨를 문단 사이에 끼워넣기 var figureArr = new Array(); var figLink = document.getElementsByName("figLink"); var fLen = figLink.length; for(var i = 0; i < fLen; i++) { var clsName = figLink[i].className; if(!figureArr.inArray(clsName)) { try { figureArr.push(clsName); var figureId = figLink[i].getAttribute("href").split("#")[1]; var figureElement = document.getElementById(figureId).parentNode; figLink[i].parentNode.appendChild(figureElement); var dLink = document.createElement("P"); dLink.setAttribute("align", "right"); dLink.innerHTML = "<a href=\"./Figure.php?xn=ijkh-21-2-193.xml&id="+figureId+"&mode=export\"><img src=\"/image/icon/down_figure.gif\" align=\"bottom\" alt=\"Download Figure\" title=\"Download Figure\" border=\"0\"/></a>"; figureElement.appendChild(dLink); } catch (e) { } } } // 앱 피겨 다운로드 $(".app img").each(function( index ) { var figureId = $(this).parent().find("a").eq(0).attr("id"); $(this).after("<p align=\"right\"><a href=\"./Figure.php?xn=ijkh-21-2-193.xml&id="+figureId+"&mode=export\"><img src=\"/image/icon/down_figure.gif\" align=\"bottom\" alt=\"Download Figure\" title=\"Download Figure\" border=\"0\"/></a></p>"); }); // 테이블을 문단 사이에 끼워넣기 var tableArr = new Array(); var tableLink = document.getElementsByName("tableLink"); var tLen = tableLink.length; for(var i = 0; i < tLen; i++) { var clsName = tableLink[i].className; if(!tableArr.inArray(clsName)) { try { tableArr.push(clsName); var tableId = tableLink[i].getAttribute("href").split("#")[1]; if(/^t[0-9]+a/.test(tableId)) continue; var tableElement = document.getElementById(tableId).parentNode; if(tableElement.getElementsByTagName('TABLE')[0]) { tableElement.getElementsByTagName('TABLE')[0].onclick = function () { var chd = this.parentNode.firstChild; while(!chd.id) { chd = chd.nextSibling; } var tid = chd.id; window.open("/journal/Table.php?xn=ijkh-21-2-193.xml&id="+tid+"&number=8&p_name="+window.name, "tableView", "width=800,height=600,scrollbars=yes"); }; var dLink = document.createElement("P"); dLink.setAttribute("align", "right"); dLink.innerHTML = "<a href=\"./Table.php?xn=ijkh-21-2-193.xml&id="+tableId+"&mode=export\"><img src=\"/image/icon/down_table.gif\" border=\"0\" alt=\"Download Table\" title=\"Download Table\"></a>"; tableElement.appendChild(dLink); } else { tableElement.onclick = function () { var chd = this.firstChild; while(!chd.id) { chd = chd.nextSibling; } var tid = chd.id; window.open("/journal/Table.php?xn=ijkh-21-2-193.xml&id="+tid+"&number=8&p_name="+window.name, "tableView", "width=800,height=600,scrollbars=yes"); }; } tableLink[i].parentNode.appendChild(tableElement); } catch (e) { } } } function layoutFix() { /*$(".artCat").html(" : "+$(".artCat").html());*/ var div = document.getElementsByTagName("DIV"); for(var i = 0; i < div.length; i++) if(div[i].className == "ref_layer") { if(/^[^0-9]/.test(div[i].textContent)) { div[i].style.padding = "0px 0px 0px 30px"; div[i].style.textIndent = "-30px"; } } else if(div[i].className == "fig panel") { var aid, img, h5=''; cap=''; dp=''; var fc = div[i].firstChild; do { if(fc.nodeName == "A") aid = fc.outerHTML; if(fc.nodeName == "IMG") img = fc.outerHTML; if(fc.nodeName == "H5") h5 = fc.outerHTML; if(fc.nodeName == "P") dp = fc.outerHTML; if(fc.nodeName == "DIV" && fc.className == "caption") cap = fc.outerHTML; }while(fc = fc.nextSibling); var nHTML; if(!h5 && !cap) { nHTML = aid+"<CENTER>"+img+"</CENTER>"; } else if(!dp) { dp = "<p align=\"right\"><a href=\"./Figure.php?xn=ijkh-21-2-193.xml&id="+ div[i].childNodes[3].id +"&mode=export\"><img src=\"/image/icon/down_figure.gif\" align=\"bottom\" alt=\"Download Figure\" title=\"Download Figure\" border=\"0\"/></a></p>"; nHTML = aid+"<TABLE><TR><TD width='30%'>"+img+"</TD><TD valign='top' style='padding-left:10px;'>"+h5+cap+dp+"</TD></TR></TABLE>"; } else { nHTML = aid+"<TABLE><TR><TD width='30%'>"+img+"</TD><TD valign='top' style='padding-left:10px;'>"+h5+cap+dp+"</TD></TR></TABLE>"; } div[i].innerHTML = nHTML; div[i].getElementsByTagName('IMG')[0].onclick = function () { var chd = this.parentNode; while(chd.className != "fig panel") chd = chd.parentNode; chd = chd.firstChild; while(!chd.id) { chd = chd.nextSibling; } var fid = chd.id; window.open("/journal/Figure.php?xn=ijkh-21-2-193.xml&id="+fid+"&number=8&p_name="+window.name, "figureView","width=1000,height=1000,scrollbars=yes"); }; } else if(div[i].className == "table-wrap panel") { var tw = div[i].childNodes; var tableId = ""; for(var j = 0; j < tw.length; j++) { if(tw[j].tagName == "A") { tableId = tw[j].getAttribute("id"); break; } } div[i].getElementsByTagName("TABLE")[0].setAttribute("onclick", "window.open('/journal/Table.php?xn=ijkh-21-2-193.xml&id="+tableId+"&number=8&p_name="+window.name+"', 'tableView', 'width=800,height=600,scrollbars=yes')"); var link_cnt = 0; for(var ti = 0; ti < tw.length; ti++) { var table_link = ""; if(tw[ti].tagName == "P") { link_cnt++; } } if(link_cnt < 1) { div[i].innerHTML += "<p align=\"right\"><a href=\"./Table.php?xn=ijkh-21-2-193.xml&id="+tableId+"&mode=export\"><img src=\"/image/icon/down_table.gif\" border=\"0\" alt=\"Download Table\" title=\"Download Table\"></a></p>"; } } $(".panel").css("margin-bottom","25px"); // $('a[href=*"#"]').click(function() { // event.preventDefault(); // var target = $(this.hash); // var header_height = $('.headerWrap').height()+20; // var offset_top = target.offset().top - header_height; // // $('html, body').animate({scrollTop: offset_top}, 1); // }); } setTimeout("layoutFix()", 1); //--> </script> <!--<div></div>--> <div id='reference_update_div' style='display:none;'></div> <script> //pmcid:pmid var pm_data = 'Int J Korean Hist|2016|21|193||8'; $.ajax ({ type : 'POST', data : { 'query' : pm_data }, url : 'http://submit.einj.org/PMC_REF_SEARCH/', success : function(data) { var p_data_list = data.split("|"); var p_data = p_data_list[5].trim() + "|" + p_data_list[6].trim() + "|" + p_data_list[7].trim() + "|jou"; $.ajax ({ type : 'POST', data : { 'p_data' : p_data }, url : '/cited/getPMCID.php/' }); } }); //reference linkout $(function(){ $("#reference_update_div").load('/journal/admin/refLinkout/?mode=background&number=8'); }); var ref_list2 = new Array(); for(var i = 0; i < ref_list2.length; i++) { //pmcid/pmid $.ajax ({ type : 'POST', data : { 'query' : ref_list2[i] }, url : 'http://submit.einj.org/PMC_REF_SEARCH/', success : function(ref_data) { var p_ref_data_list = ref_data.split("|"); var p_ref_data = p_ref_data_list[5].trim() + "|" + p_ref_data_list[6].trim() + "|" + p_ref_data_list[7].trim() + "|ref"; $.ajax ({ type : 'POST', data : { 'p_data' : p_ref_data }, url : '/cited/getPMCID.php/' }); } }); } </script> </div> </td> <td width="195" id="rightBar" valign="top" style="background:url('/image/left_bg.gif') left top repeat-y;"> <div style="width: 174px; margin: auto; padding:0px 10px 0px 10px;" class="aside"> <table width="174" border="0" cellpadding="0" cellspacing="0"> <tr> <td style="padding-top:30px;padding-left:10px;padding-bottom:10px" class="PubTool">TOOLS</td> </tr> <tr> <td style="padding-left:10px;"><img src="/image/left_dotline.gif"></td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"><a style='cursor: pointer;' onclick='journal_download("pdf", "8", "ijkh-21-2-193.pdf")'><img src="/image/icon/pdf.gif" alt="PDF Links" border="0" class="vertical_middle"/>&nbsp;&nbsp;<font class='PubLink'>PDF Links</font></a> </td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"><img src="/image/left_dotline.gif"></td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"> <a href="view.php?viewtype=pubreader&number=8"><img src="/image/icon/pubreader.gif" alt="PubReader" border="0" class="vertical_middle"/>&nbsp;&nbsp;<font class='PubLink'>PubReader</font></a> </td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"><img src="/image/left_dotline.gif"></td> </tr> <tr> <td style="padding-left:12px;padding-top:6px"> <a style='cursor: pointer;' onclick='journal_download("epub", "8", "path=L2hvbWUvdmlydHVhbC9pamtoL2pvdXJuYWwvdXBsb2FkL3BkZi8uLi9lcHViL2lqa2gtOC5lcHVi&filename=aWpraC04LmVwdWI=")'><img src="/image/icon_ePub.gif" alt="ePub Link" border="0" class="vertical_middle"/>&nbsp;&nbsp;<font class='PubLink'>ePub Link</font></a> </td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"><img src="/image/left_dotline.gif"></td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"><a href="https://doi.org/10.22372/ijkh.2016.08.21.2.193"><img src="/image/icon/doi.gif" alt="Full text via DOI" border="0" class="vertical_middle"/>&nbsp;&nbsp;<font class='PubLink'>Full text via DOI</font></a> </td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"><img src="/image/left_dotline.gif"></td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"><a onclick="window.open('/journal/CitationForm.php?number=8','CitationDownload','width=800,height=600,scrollbars=yes')" style="cursor:pointer"><img src="/image/icon/citation.gif" alt="Download Citation" border=0 class="vertical_middle"/>&nbsp;&nbsp;<font class='PubLink'>Download Citation </font></a> </td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"><img src="/image/left_dotline.gif"></td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"><img src="/image/left_dotline.gif"></td> </tr> <!--tr> <td style="padding-left:10px;padding-top:6px"><a href="mailto:"><img src="/image/icon/mail.gif" border=0 class="vertical_middle">&nbsp;&nbsp;<font class='PubLink'>E-Mail </font></a> </td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"><img src="/image/left_dotline.gif"></td> </tr--> <tr> <td style="padding-left:10px;padding-top:6px"><a href="javascript:window.print();"><img src="/image/icon/print_icon.png" border=0 class="vertical_middle">&nbsp;&nbsp;<font class='PubLink'>Print </font></a> </td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"><img src="/image/left_dotline.gif"></td> </tr> <!--- SNS Share --> <tr> <td style="padding-left:10px;padding-top:6px"> Share: <a href="http://www.facebook.com/sharer.php?u=%0Dhttp%3A%2F%2Fijkh.khistory.org%2Fjournal%2Fview.php%3Fnumber%3D8&t=Through the Prism of Masquerade: The Colonial Past in <i>Assassination</i>" onclick="window.open(this.href, 'Facebook', 'width=800,height=500,scrollbars=yes');return false;"><img src="/image/facebook_icon.png" border=0 style="width:16px;" class="vertical_middle" title="Facebook"></a>&nbsp; <a href="https://x.com/intent/post?url=%0Dhttp%3A%2F%2Fijkh.khistory.org%2Fjournal%2Fview.php%3Fnumber%3D8&text=Through+the+Prism+of+Masquerade%3A+The+Colonial+Past+in+%3Ci%3EAssassination%3C%2Fi%3E" onclick="window.open(this.href, 'Twitter', 'width=750,height=500,scrollbars=yes');return false;"><img src="/image/Twitter_icon.png" border=0 style="width:16px;" class="vertical_middle" title="Twitter"></a>&nbsp; <a href="https://www.linkedin.com/shareArticle?mini=true&url=%0Dhttp%3A%2F%2Fijkh.khistory.org%2Fjournal%2Fview.php%3Fnumber%3D8&title=Through+the+Prism+of+Masquerade%3A+The+Colonial+Past+in+%3Ci%3EAssassination%3C%2Fi%3E" onclick="window.open(this.href, 'LinkedIn', 'width=750,height=500,scrollbars=yes');return false;"><img src="/image/Linkedin_icon.png" border=0 style="width:16px;" class="vertical_middle" title="LinkedIn"></a>&nbsp; <a href="https://plus.google.com/share?url= http://ijkh.khistory.org/journal/view.php?number=8&t=Through+the+Prism+of+Masquerade%3A+The+Colonial+Past+in+%3Ci%3EAssassination%3C%2Fi%3E" onclick="window.open(this.href, 'Google', 'width=750,height=500,scrollbars=yes');return false;"><img src="/image/google_plus_icon.png" border=0 style="width:16px;" class="vertical_middle" title="Google+"></a> </td> </tr> <tr> <td style="padding-left:10px;padding-top:6px"><img src="/image/left_dotline.gif"></td> </tr> <tr> <td style="padding-top:30px;padding-left:10px;padding-bottom:10px" class="PubTool">METRICS <a href="/metrics/metrics_down_ref.php?number=8" onclick="window.open(this.href, 'Metrics View', 'width=720, height=800,scrollbars=yes');return false;" style="cursor:pointer;"><img src="/image/button/metrics_btn.png" border=0 title="More information" class="vertical_middle" style="padding-left:5px;"></a></td> </tr> <tr> <td style="padding-left:10px;padding-top:0px;"> <table border=0 cellpadding=0 cellspacing=0 style="border:1px solid #cecece;"> <tr> <td> <table border=0 style="width:75px;height:50px;background-color:#F2F3F8;color:#FFFFFF;border:0px;border-color:#C2C2C2;padding:4px;border-radius:3px;"> <tr> <td align="center" style="color:#324C96;font-size:14pt;font-weight:bold;"> <a class='viewPoint' href="/journal/CitedByRenew.php?number=8" onclick="window.open(this.href, 'CrossRef Citedby', 'width=800,height=800,scrollbars=yes');return false;" style="display:inline-block;padding:0 5px 4px;color:#324C96;font-size:14pt;font-weight:bold;" title="More information">1</a> </td> </tr> <tr> <td align="center" style="color:#666769;font-size:9pt;">Crossref</td> </tr> </table> </td> <td style="background-color:#F2F3F8;"> <table border=0 style="width:75px;height:50px;color:#FFFFFF;border:0px;border-color:#C2C2C2;border-left:1px solid #cecece;margin:4px;border-radius:3px;"> <tr> <td align="center" style="color:#324C96;font-size:14pt;font-weight:bold;"> <span id="scopus_citedval">0</span> </td> </tr> <tr> <td align="center" style="color:#666769;font-size:9pt;">Scopus</td> </tr> </table> </td> </tr> <tr> <td style="border-top: solid 1px #CECECE;"> <table border=0 style="width:75px;height:50px;background-color:#F2F3F8;color:#FFFFFF;border:0px;border-color:#C2C2C2;padding:4px;border-radius:3px;"> <tr> <td align="center" style="color:#324C96;font-size:14pt;font-weight:bold;">5,670</td> </tr> <tr> <td align="center" style="color:#666769;font-size:9pt;">View</td> </tr> </table> </td> <td style="background-color:#F2F3F8; border-top: solid 1px #CECECE;"> <table border=0 style="width:75px;height:50px;color:#FFFFFF;border:0px;border-color:#C2C2C2;border-left:1px solid #cecece;margin:4px;border-radius:3px;"> <tr> <td align="center" style="color:#324C96;font-size:14pt;font-weight:bold;"> 154 </td> </tr> <tr> <td align="center" style="color:#666769;font-size:9pt;">Download</td> </tr> </table> </td> </tr> <tr> <td align="center" colspan=2 style="padding-top:5px;padding-bottom:5px;background-color:#F2F3F8;border-top: solid 1px #CECECE"> <div> <a target="_blank" href="https://www.altmetric.com/details/doi/10.22372/ijkh.2016.08.21.2.193" style="display:inline-block;"> <img alt="Article has an altmetric score of 14" src="https://d1uo4w7k31k5mn.cloudfront.net/v2_hq/0.png" width="88" height="18" style="border:0; margin:0; max-width: none;"> </a> </div> </td> </tr> </table> </td> </tr> <tr> <td> <table width="174" border=0 cellpadding=0 cellspacing=0> <tr> <td class="bp8"></td> </tr> <tr> <td style="border-bottom:1px solid black;font-weight: bold;">Related article</td> </tr> </table> </td> </tr> </table> </div> </td> <!---------- RIGHT END ------------> </td> </tr> </table> </td> </tr> </table> </div> <div class="footerWrap"> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" background="/image/copy_bg.gif"> <tr> <td style="padding-left:20px;" align="center"> <table border="0" cellpadding="0" cellspacing="0" width="980"> <tr> <td style="padding-top:10px; line-height:140%;font-size:10pt;" align="left"> <B>Editorial Office</B><br/> Center for Korean History, Korea University<br/> Address: B101, Korean Studies Hall(Institute of Korean Culture), Korea University<br/> 145 Anam-ro, Seongbuk-gu, Seoul 02841, Republic of Korea<br/> TEL: +82-2-3290-2569, 5321 &nbsp;&nbsp; FAX: +82-2-3290-1665&nbsp;&nbsp;&nbsp;E-mail: <a href="mailto:ijkhinfo@gmail.com">ijkhinfo@gmail.com</a> </td> <td width="400" align="right" valign="top" style="padding-top:5px"> <table border="0" width="100%"align="center"> <tr> <td height=25 bgcolor="#BBBBBB" style="color:#ffffff;line-height:140%;font-size:8pt;" align="center"> <a href="/about/"><font color="#FFFFFF"><U>About</U></a>&nbsp;|&nbsp; <a href="/articles/archive.php"><font color="#FFFFFF"><U>Browse Articles</U></a>&nbsp;|&nbsp; <a href="/current/"><font color="#FFFFFF"><U>Current Issue</U></a>&nbsp;|&nbsp; <a href="/authors/authors.php"><font color="#FFFFFF"><U>For Authors and Reviewers</U></a> </td> </tr> </table> </td> </tr> <tr> <td style="line-height:160%;font-size:10pt;padding:10px 0px;" align="left" colspan="2"> Copyright &copy; <a href="http://ckh.korea.ac.kr" target="new">Center for Korean History, Korea University</a>. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <script> document.addEventListener('DOMContentLoaded', function() { document.getElementById('view_mobile_site').addEventListener('click', function(event) { event.preventDefault(); var url = '/journal/view.php?number=8'; document.cookie = "mobileView=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; window.location.href = url; }); }); </script> <a href="https://www.m2-pi.com" target="_blank"><img src="https://www.m2-pi.com/images/developed_m2pi_1.png" style="vertical-align:middle;margin-top:2px;" alt="Developed in M2PI" /></a> </td> </tr> </table> </td> </tr> </table> </div> <style> #overlay { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; } #overlay #overlay_close { margin:25px auto 0px auto; height: 20px; text-align: right; } #overlay #main_image_wrap { margin:25px auto 25px auto; height: 448px; text-align: center; } </style> <div id="overlay"> <div style="width:900px; background-color: rgba(208,208,208,0.85); border: 1px solid #a0a0a0; padding-bottom: 25px; margin: auto;"> <div id="overlay_close"><img src="/image/b_close.png" alt="Close layer" onclick="closePhotoView(); return false;" style="cursor:pointer;margin-right:25px;" /></div> <div id="main_image_wrap"><table style="margin: auto;"><tr> <td onclick="mImage_sliding('prev')" valign="middle" style="cursor: pointer;"><img src="/image/b_prev.png" alt="prev" border="0" /></td> <td valign="middle" style="width: 800px;height:448px;"><img id="main_image" src="" width="800" height="448" /></td> <td onclick="mImage_sliding('next')" valign="middle" style="cursor: pointer;"><img src="/image/b_next.png" alt="next" border="0" /></td> </tr></table></div> </div> </div> <script> var thumb_array = new Array(); var thumb_index = 0; // $(window).scroll(function () { // var y = $(this).scrollTop(); // $("#overlay").css("margin-top", y+100); // }); function mImage_sliding(dir) { if(dir == 'next') { thumb_index++; if(thumb_index >= thumb_array.length) { thumb_index--; return false; } } else { thumb_index--; if(thumb_index < 0) { thumb_index++; return false; } } //170302_저널_김마루_변경 //썸네일 이미지 확대시 원본 이미지를 보여주기 위함. if (thumb_array[thumb_index]!="") { value = thumb_array[thumb_index].replace(/thum_/,''); //특정문자 제거 changeMainImage(value); }else { //원본 이미지 일 경우 changeMainImage(thumb_array[thumb_index]); } //170302_저널_김마루_변경 //changeMainImage(thumb_array[thumb_index]); } function openPhotoView(obj) { var y = $(this).scrollTop(); $("#overlay").css("margin-top", y+100); $("#overlay").show(); thumb_array = new Array(); $(obj).parent().parent().find('img.thumb').each(function (index) { thumb_array.push($(this).attr("src")); if($(obj).attr("src") == $(this).attr("src")) { thumb_index = index; //170302_저널_김마루_변경 //썸네일 이미지 확대시 원본 이미지를 보여주기 위함. img_name = $(this).attr("src"); if (img_name.match('thum_')) { //썸네일 이미지일 경우 value = img_name.replace(/thum_/,''); //특정문자 제거 changeMainImage(value); }else { //원본 이미지 일 경우 changeMainImage($(this).attr("src")); } //170302_저널_김마루_변경 //changeMainImage($(this).attr("src")); } }); } function closePhotoView() { $('#overlay').hide(); thumb_array = new Array(); } function changeMainImage(src) { $("<img />").attr("src", src).load(function() { var ratio = 800 / this.width; var width = this.width * ratio; var height = this.height * ratio; if(height > 448) { ratio = 448 / this.height; width = this.width * ratio; height = this.height * ratio; } $("#overlay #main_image_wrap #main_image").attr('src', this.src); $("#overlay #main_image_wrap #main_image").attr('width', width); $("#overlay #main_image_wrap #main_image").attr('height', height); }); } </script> </body> </html> <script> $.ajax({ type: 'POST', data: {doi: '10.22372/ijkh.2016.08.21.2.193', cross_yn: "Y", scopus_yn: "Y", wos_yn: "N"}, url: '/func/Call_CitedBy.php', success: function(result) { var r_data = $.parseJSON(result); var sc_count = r_data.scopus_citeby; if(sc_count == "" || sc_count == null) { sc_count = 0; } //console.log(sc_count); /* include.right.php에 추가할 scopus count ID값. 비동기로 갱신한다. */ //$("#scopus_citedval").html(parseInt(sc_count).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")); } }); </script> N

Pages: 1 2 3 4 5 6 7 8 9 10