스케치북 prettyphoto 애드온을 설치 후 설정합니다.
https://xe1.xpressengine.com/index.php?mid=download&package_id=19555797
xe 사이트맵 메뉴로 문서 페이지를 생성합니다.
문서 페이지 모듈을 prettyphoto 애드온 사용 모듈로 설정한 뒤,
문서 모듈 소스를 아래와 같이 꾸며줍니다.
※ 스타일은 알아서 꾸며주세요.
(예제: http://jisung8504.cafe24.com/info03 )
참고로 해당 애드온은 모바일에서는 강제로 실행 안되도록 되어있네요.;
<ul class="kisung_info"> <li><img src="/files/attach/images/678/725/d1cbfaccf8d149585f72475d58cc88d8.jpg" alt="경영관리실·공무팀"/> <span class="title">경영관리실·공무팀</span></li> <li><img src="/files/attach/images/678/723/62aa9f07bf4c1cf6ec0348db66b92283.jpg" alt="기획관리부"/> <span class="title">기획관리부</span></li> <li><img src="/files/attach/images/678/721/73f3bd7bd234e4e989adf15479dd0661.jpg" alt="다용도실"/> <span class="title">다용도실</span></li> <li><img src="/files/attach/images/678/719/fe0cfe04ec83dae0a370e0de0c1c2500.jpg" alt="CEO룸"/> <span class="title">CEO룸</span></li> <li><img src="/files/attach/images/678/717/5a4f392f5f764a41ded4b7e62c13d1a9.jpg" alt="문서실"/> <span class="title">문서실</span></li> <li><img src="/files/attach/images/678/715/c04156b43ff4865fa7d472a5cbc29cde.jpg" alt="사무실 내부 복도"/> <span class="title">사무실 내부 복도</span></li> <li><img src="/files/attach/images/678/713/919af0ea152e5fd13a514f4367744117.jpg" alt="설계부"/> <span class="title">설계부</span></li> <li><img src="/files/attach/images/678/711/0b1020292ad624a3a55f1eaf51eddea0.jpg" alt="설계부"/> <span class="title">설계부</span></li> <li><img src="/files/attach/images/678/709/156b4b69176767fe9788f0346afb1396.jpg" alt="영업부"/> <span class="title">영업부</span></li> <li><img src="/files/attach/images/678/707/04b136841268943ef4bae83cd1b9211a.jpg" alt="인테리어부"/> <span class="title">인테리어부</span></li> <li><img src="/files/attach/images/678/701/f59414502d84cabf67c79d087f78890c.jpg" alt="미팅룸"/> <span class="title">미팅룸</span></li> <li><img src="/files/attach/images/678/699/1ca52fe884b2bd308e9abfad5dad74a8.jpg" alt="CEO룸"/> <span class="title">CEO룸</span></li> <li></li> </ul>