작성
·
1.1K
답변 1
1
3가지 형태로 보여주실 수 있어요.
pdf 뿐만 아니라 html 파일, 이미지 파일도 동일한 방법으로 보여줄 수 있습니다.
첫번째는 직접 코딩해서 iframe으로 불러오는 방법입니다.
<div class="modal">
<div class="modal-content">
<iframe src="portfolio/website-01/plan.pdf" frameborder="0"></iframe>
</div>
</div>
두번째 방법은 featherlight로 띄우는 방법입니다.
featherlight로 띄우면 자동적으로 iframe 형태로 들어갑니다.
<a href="portfolio/website-01/plan.pdf" data-featherlight="iframe">Open Portfolio</a>
https://github.com/noelboss/featherlight/
세번째 방법은 UIKit을 사용하는 방법입니다.
<a class="uk-button uk-button-default" href="#modal-full" uk-toggle>Open</a>
<div id="modal-full" class="uk-modal-full" uk-modal>
<div class="uk-modal-dialog">
<button class="uk-modal-close-full uk-close-large" type="button" uk-close></button>
<iframe src="portfolio/website-01/plan.pdf" frameborder="0"></iframe>
</div>
</div>
https://getuikit.com/docs/modal
아! 감사합니다 ㅎㅎ 작동됩니다!