라그나로크 소개
공지사항
업데이트
이벤트
결제/충전 내역 확인
충전내역
구매내역
선물내역
RO포인트 전환내역
1:1문의
내 문의내역
이용약관/정책
이용약관
유료서비스 이용약관
개인정보 처리방침
청소년 보호정책
모바일 이용약관
모바일 개인정보 처리방침
업데이트
에피소드 18 룬 타블렛 업데이트 안내
2023-11-14
<div style="position: relative; width: 650px; z-index: 1"> <div style="overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1; width: 0; height: 0; font: normal 0/0 dotum"> <h1>EPISODE 18 룬 타블렛 업데이트</h1> </div> <div style="position: relative; left: 0; top: 0; z-index: 2"> <img src="https://imgc.gnjoy.com/event/2023/11/1115_ro1_epi18runtabletUpdate_afjdlakdddDEjdf/images/common.webp" alt="EPISODE 18 룬 타블렛 안내" usemap="#commonMap" /> <img src="https://imgc.gnjoy.com/event/2023/11/1115_ro1_epi18runtabletUpdate_afjdlakdddDEjdf/images/common2.webp" alt="" /> <map name="commonMap"> <area target="_blank" alt="룬타블렛 시스템 업데이트 안내 바로가기" title="룬타블렛 시스템 업데이트 안내 바로가기" href="https://ro.gnjoy.com/news/update/View.asp?seq=280&curpage=1" coords="92,750,561,852" shape="rect" /> </map> <map name="item" id="eventMap"> <area shape="rect" data-tab="1" data-src="https://imgc.gnjoy.com/event/2023/11/1115_ro1_epi18runtabletUpdate_afjdlakdddDEjdf/images/tab1.webp" href="#none" title="EPISODE 18 룬 타블렛" coords="41, 0, 230, 94" /> <area shape="rect" data-tab="2" data-src="https://imgc.gnjoy.com/event/2023/11/1115_ro1_epi18runtabletUpdate_afjdlakdddDEjdf/images/tab2.webp" href="#none" title="EPISODE 18 룬 조각" coords="230, 0, 420, 94" /> <area shape="rect" data-src="https://imgc.gnjoy.com/event/2023/11/1115_ro1_epi18runtabletUpdate_afjdlakdddDEjdf/images/tab3.webp" href="https://ro.gnjoy.com/guide/runemidgarts/result.asp?runSearch=EP18%EB%A3%AC%ED%83%80%EB%B8%94%EB%A0%9B%ED%8C%90%ED%99%94" title="EPISODE 18 판화된 아이템" target="_blank" coords="420, 0, 606, 94" /> </map> <section class="content-wrap" id="content1" style="display: block; z-index: 2; position: relative"> <img src="https://imgc.gnjoy.com/event/2023/11/1115_ro1_epi18runtabletUpdate_afjdlakdddDEjdf/images/tab1.webp" class="eventContent" usemap="#item" style="vertical-align: top; position: relative; z-index: 2" /> <img src="https://imgc.gnjoy.com/event/2023/11/1115_ro1_epi18runtabletUpdate_afjdlakdddDEjdf/images/1.webp" alt="" /> </section> <section class="content-wrap" id="content2" style="display: none; z-index: 2; position: relative"> <img src="https://imgc.gnjoy.com/event/2023/11/1115_ro1_epi18runtabletUpdate_afjdlakdddDEjdf/images/tab2.webp" class="eventContent" usemap="#item" style="vertical-align: top; position: relative; z-index: 2" /> <img src="https://imgc.gnjoy.com/event/2023/11/1115_ro1_epi18runtabletUpdate_afjdlakdddDEjdf/images/2.webp" alt="" /> </section> </div> </div> <script type="text/javascript"> $('#eventMap area[data-tab]').click(function () { var content = $('.eventContent'); var thisSrc = $(this).attr('data-src'); var thisTab = $(this).attr('data-tab'); content.attr('src', thisSrc); $('.content-wrap').hide(); $('#content' + thisTab).show(); }); </script>
