Medium 이미지 zoom 기능이 정말 좋은 것 같습니다.
링크
https://medium-zoom.francoischalifour.com/ (438) https://github.com/francoischalifour/medium-zoom (339)링크 1이 예제이고, 링크 2가 소스인데요.
위 움짤처럼 이미지 클릭시 화면 전체에 확대되는 방식입니다.
그누보드 게시판 폭이 좁은 편인데, 이미지를 이렇게 멋있게 확대하면 갤러리에도 매우 좋을 것 같습니다!
https://gatsby.woosung.vercel.app/second-post-using-gatsby-js
위 링크에는 gatsby로 만든 사이트인데, 테마에 플러그인이 합체되어 있어 자동으로 됩니다.
그누보드에서도 적용되면 좋을 것 같지 않나요?
[code]
<script src="https://cdn.jsdelivr.net/npm/medium-zoom/dist/medium-zoom.min.js"></script>
<img src="image-thumbnail.jpg" data-zoom-src="image-hd.jpg" alt="My image" />
[/code]
대충 위와 같은 코드로 넣으면 가능할 것 같은데 되려나요?
안되네요 ㅠㅠ 생각보다 어렵네요 ㅠㅠ
다시보니 CSS도 다 잡아줘야 되네요 ㅜㅜ
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개
추천을 누르고 싶은데...
하루에 10개 이상은 안된다네요 ㅠㅠ
내일 누를게요~~