Exhibition
Artwork
Artist Interview
News
About Us
로그인
회원가입
로그인
회원가입
Exhibition
Artwork
Artist Interview
News
About Us
Artist Interview
Arstist. 노주나 Interview
2024.03.01
</div> <div class="editor_box"> <!-- 에디터영역 --> <div id="wp_ck_editor"></div> </div> </div> <div class="itv_work"> <div class="sol_tit_box"> <p class="tit">Artist Artworks</p> </div> <div class="itv_workitms"> </div> <div class="option_btns"> <a href="/sub/artist_interview.html?type=list&page=" class="wp_btn wp_btn_wrt">목록</a> </div> </div> <div class="artist_md view_md"> <div class="md_inner"> <button class="btn_md_cls"> <i class="xi-close"></i> </button> <div class="cm_inner02"> <p class="workTit"></p> <div class="md_frame"> <div class="md_slide_box"> <button type="button" class="btn_md_lt btn_md_arrow"> <i class="xi-arrow-left"></i> </button> <div class="img_view_box"> <img src="" alt=""> </div> <button type="button" class="btn_md_rt btn_md_arrow"> <i class="xi-arrow-right"></i> </button> </div> </div> <p class="workType"></p> <p class="workSize"></p> </div> </div> </div> <script> let imgAry = $("#artist_view .itv_workitm"); let imgMaxIdx = imgAry.length - 1; let imgIdx; $("#artist_view .itv_workitm").click(function () { let nowImgUrl = $(this).find("img").attr("src"); let nowImgTit = $(this).find(".en_workname").text(); let nowImgType = $(this).find(".ko_workname").text(); let nowImgSize = $(this).find(".worksize").text(); imgIdx = $(this).index(); $(".artist_md .img_view_box img").attr("src", nowImgUrl); $(".artist_md .workTit").text(nowImgTit); $(".artist_md .workType").text(nowImgType); $(".artist_md .workSize").text(nowImgSize); $(".artist_md").fadeIn(); $("html").css({'overflow': 'hidden','height': 'auto'}); }); $("#artist_view .btn_md_cls").click(function () { $(".artist_md").fadeOut(); $("html").css({'overflow': 'unset','height': 'unset'}); }); $("#artist_view .btn_md_lt").click(function () { imgIdx--; console.log(imgIdx); if (imgIdx < 0) imgIdx = imgMaxIdx; $(".artist_md .img_view_box img").attr("src", $(imgAry[imgIdx]).find("img").attr("src")); $(".workTit").text($(imgAry[imgIdx]).find(".en_workname").text()); $(".workType").text($(imgAry[imgIdx]).find(".ko_workname").text()); $(".workSize").text($(imgAry[imgIdx]).find(".worksize").text()); }); $("#artist_view .btn_md_rt").click(function () { imgIdx++; console.log(imgIdx); if (imgIdx > imgMaxIdx) imgIdx = 0; $(".artist_md .img_view_box img").attr("src", $(imgAry[imgIdx]).find("img").attr("src")); $(".workTit").text($(imgAry[imgIdx]).find(".en_workname").text()); $(".workType").text($(imgAry[imgIdx]).find(".ko_workname").text()); $(".workSize").text($(imgAry[imgIdx]).find(".worksize").text()); }); </script> </div> </div> </div> </div> </div> </section> </main> <footer id="footer"> <div class="sec_in"> <div class="top"> <div class="cm_inner02"> <div class="inner_box"> <div class="lt"> <div class="tit_box"> <p class="ms_tit">Visit</p> </div> </div> <div class="rt"> <div class="cm_inner05"> <div class="rt_iner"> <div class="ho_in"> <div class="hour"> <p class="tit">Open Hour</p> <p class="time">10 am - 10pm</p> </div> <div class="info"> <p class="tit">Info</p> <ul> <li>주아루엘르 갤러리</li> <li>대표자 : 박정재</li> <li><a href="mailto:joieruelle.gallery@gmail.com ">joieruelle.gallery@gmail.com </a></li> <li><a href="tel:+82-1644-4360">+82-1644-4360</a></li> <li>kb국민 989801-00-077731 <span style="font-size: 14px">주아루엘르갤러리(주)</span></li> <li>통신판매신고번호 : 제 2024-서울송파-1570호</li> <li>사업자등록번호 : 618-88-03257</li> </ul> </div> </div> <div class="sosic"> <p>주아루엘르 갤러리의 전시소식을 받으세요.</p> <div class="ip_box"> <input type="text" placeholder="이메일 주소를 입력하세요."> <button type="submit">뉴스레터 구독하기</button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bot"> <div class="cm_inner02"> <div class="inner_box"> <div class="lt"></div> <div class="rt"> <div class="rt_iner"> <div class="cm_inner05"> <div class="lc_sm"> <div class="location"> <p class="tit">Location</p> <ul> <li>[문정점] 서울특별시 송파구 송파대로 141, 107호 </li> <li>[홍대점] 서울특별시 마포구 양화로 21길 29, 3,4층</li> </ul> </div> <div class="sitemap"> <p class="tit">Sitemap</p> <ul> <li><a href="../sub/exhibition.html">Exhibition</a></li> <li><a href="../sub/artwork.html">Artwork</a></li> <li><a href="../sub/artist_interview.html">Artist Interview</a></li> <li><a href="../sub/news.html">News</a></li> <!-- <li><a href="../sub/about_us.html">About Us</a></li>--> <li><a href="../sub/privacy.html">개인정보처리방침</a></li> <li><a href="../sub/TOS.html">이용약관</a></li> </ul> </div> </div> </div> <div class="link"> <p>Follow us</p> <ul> <li><a href="https://www.instagram.com/joieruelle.gallery/" target="_blank"> <img src="../img/icon/instagram.png" alt=""> </a></li> <li><a href="https://www.youtube.com/@JOIERUELLEGALLERY-eh2qv" target="_blank"> <img src="../img/icon/youtube.png" alt=""> </a></li> </ul> </div> </div> <p class="copyright">2023. Joie Ruelle allrightreserved. designed by <a href="https://wpl.co.kr" target="_blank">webplanet</a></p> </div> </div> </div> </div> </div> </footer> <div class="totop"> <div class="icon_box"> <i class="xi-angle-up"></i> </div> </div> </body> </html> <script> AOS.init({ duration:1500, }); </script>
