미디엄 형식의 이미지 확대 기능 어떨까요?

Community

커뮤니티

홈 > 회원포럼 > 커뮤니티
커뮤니티

미디엄 형식의 이미지 확대 기능 어떨까요?

링크 1이 예제이고, 링크 2가 소스인데요.

 

R3IoU6V.gif

 

 

위 움짤처럼 이미지 클릭시 화면 전체에 확대되는 방식입니다.

 

그누보드 게시판 폭이 좁은 편인데, 이미지를 이렇게 멋있게 확대하면 갤러리에도 매우 좋을 것 같습니다!

 

https://gatsby.woosung.vercel.app/second-post-using-gatsby-js

 

위 링크에는 gatsby로 만든 사이트인데, 테마에 플러그인이 합체되어 있어 자동으로 됩니다.

 

그누보드에서도 적용되면 좋을 것 같지 않나요?



대충


<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" />


위와 같이 넣으면 될 것 같은데.. 되려나요?


안되네요 ㅠㅠ 생각보다 어려운듯 흑흑

4 Comments
24 선구자 06.22 18:53  
힘내셔요~
9 우성군 06.22 18:57  
그누보드는 어려워요 ㅜ ㅜ

Congratulation! You win the 41 Lucky Point!

M 한별아빠 06.23 01:50  
1. 음... lightbox 랑 어떤 차이가 있는지? 조금 더 가벼운가요?

2. 그리고 이건 글내용쪽에 적용해야 될꺼라서 수정할꺼면 /lib/thumbnail.lib.php 파일의 get_view_thumbnail() 함수쪽 손봐야 일괄처리 될 것 같네요. 기존 아미나의 라이트박스처럼...

3. 적용하더라도 원본 수정이 필요한 것이라서 나리야 기본에 넣기 힘들고, 아마 게시판 플러그인에서 생각해 볼께요. 어차피 글내용에 이미지에 대해서 아미나처럼 여러 옵션을 추가하기는 해야하는 부분이 있어서... exif 등 포함해서...ㅠㅠ
9 우성군 06.23 08:11  
1. 팬시박스보다 좀더 멋있는? 느낌입니다. ㅎㅎ

2. 저도 썸네일 라이브러리 수정 생각했습니다. ㅎ

3. 좋습니다. 감사합니다.
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand