Code - yangart/sejongOn

<!DOCTYPE html> <html lang="ko"> <head> <title>온세종학교</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta name="format-detection" content="telephone=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">  <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>   <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>   <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>     <script src="/resources/front/site/SITE_00000/js/common.js"></script> <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>  </head> <body> <div class="wrap-md agenda-area">  <h1 class="title-lg align-center">2025-01-01</h1> <div class="agenda-swiper swiper"> <div class="fnc-area">  <div class="r-area"> <div class="fnc-zoom"> <button type="button" class="ico-zoomin" id="zoomIn" title="확대">확대</button> <button type="button" class="txt-zoom" id="zoomReset"><span>100</span>%</button> <button type="button" class="ico-zoomout" id="zoomOut" title="축소">축소</button> </div> </div> </div> <div class="swiper-wrapper"> <div class="swiper-slide agendar-view-area"> <div class="agendar-tit-area"> <div class="l-area"> <div class="profile"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> </figure> </div> <div class="txt-area"> <strong class="profile-tit">선생님명</strong> </div> </div> <ul class="info-inline-list"> <li> <i class="ico-visibility" title="조회수"></i> <div class="txt-area"> 123 </div> </li> <li> <i class="ico-lock" title="비공개"></i> <div class="txt-area"> 비공개 </div> </li> <li> <strong class="info-tit">등록일</strong> <div class="txt-area"> 24.01.20. </div> </li> </ul> <span class="label blue">공개예정</span> </div> </div> <div class="agendar-item-tit">제목 제목 알림장 제목 제목 제목 알림장 제목 제목 제목 알림장 제목 제목 제목 알림장 제목 제목 제목 알림장 제목 제목 제목 알림장 제목 </div> <div class="agendar-txt-area"> <div class="item-list-box order-front"> <div class="item"> <div class="txt-area"> <i class="ico-attach"></i> <p class="txt"> 첨부파일명.pdf </p> <small>124kb</small> </div> <div class="item-fnc-area"> <a href="#none" class="ico-download">다운로드</a> </div> </div> </div> <div class="item-list-box order-front"> <div class="item"> <div class="txt-area"> <i class="ico-link"></i> <a href="#none" class="txt"> urlrul </a> </div> </div> </div> <div class="agendar-txt zoomTarget"> 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 에디터 내용 내용 내용 <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> </div> <ul class="cont-list"> <li> <div class="iframe-area"> <iframe src="/resources/front/site/SITE_00000/images/temp/pdf.pdf"></iframe> </div> </li> <li> <div class="iframe-area"> <iframe src="/resources/front/site/SITE_00000/images/temp/pdf.pdf"></iframe> </div> </li> <li> <div class="iframe-area"> <iframe src="/resources/front/site/SITE_00000/images/temp/pdf.pdf"></iframe> </div> </li> </ul> <div class="agendar-survey-area"> <div class="l-area"> <figure> <img src="/resources/front/site/SITE_00000//images/common/ico-img/ico-img-vote.svg" alt="" aria-hidden="true"> </figure> <div class="txt-area"> <strong>설문이 있습니다.</strong> <small>설문 응답하기를 선택해주세요.</small> </div> </div> <div class="r-area"> <a href="#none" class="btn cta ico-edit">설문 응답하기</a> </div> </div> </div> </div>  </div> </div> </div>  <div class="toast"></div>  <div class="dim"></div> <script> $(document).ready(function() { const $zoomTarget = $('.zoomTarget'); const $zoomTxt = $('.txt-zoom span'); let zoomLevel = 1; const zoomStep = 0.2; const minZoom = 0.8; const maxZoom = 1.6; // Zoom 업데이트 function updateZoom() { $zoomTarget.css('zoom', zoomLevel); $zoomTxt.html((zoomLevel * 100).toFixed(0)); //updateQGroupAreaState(); } // Zoom 이벤트 핸들러 $('#zoomIn').click(function () { if (zoomLevel + zoomStep > maxZoom) { toastShow('최대크기입니다.'); } else { zoomLevel = Math.min(maxZoom, zoomLevel + zoomStep); updateZoom(); } }); $('#zoomOut').click(function () { if (zoomLevel - zoomStep < minZoom) { toastShow('최소크기입니다.'); } else { zoomLevel = Math.max(minZoom, zoomLevel - zoomStep); updateZoom(); } }); $('#zoomReset').click(function () { zoomLevel = 1; updateZoom(); }); //스와이퍼 var agendaSwiper = new Swiper(".agenda-swiper", { navigation: { nextEl: ".btn.ico-arrow-right", prevEl: ".btn.ico-arrow-left", }, }); }); </script> </body> </html>