[나리야] GIF 움짤 전용 게시판 목록스킨 NB-Basic-gif

Amina Member PDS

아미나 테마, 스킨, 위젯 등 회원자료실

홈 > 회원포럼 > 회원자료실
회원자료실

[나리야] GIF 움짤 전용 게시판 목록스킨 NB-Basic-gif

IE 제외 범용 브라우저





IE11 브라우저






그누보드 5.4.2.8 부터 움직이는 GIF 파일을 MP4와 WEBM으로 출력할 수 있습니다.


움짤 출력에 최적화하여 NB-Basic 게시판을 수정해보았습니다.


기능 : 


1. 움짤 목록에 MP4나 WEBM 출력 가능


2. 본문에 움짤 출력 최적화



조건 :


1. 그누보드 5.4.2.9 이상


2. 나리야 최신버전


3. 서버에서 FFMPEG 명령어 실행이 가능해야됨


4. https://sir.kr/g5_plugin/7521 (GIF 2 MP4 WEBM) 플러그인 설치


위와 같은 조건을 완성하면 쓸 수 있습니다.




버그 1 : 갤러리 목록에서 IE11에서 max-width:100%가 작동하지 않습니다. 따라서 가로 크기가 큰 GIF파일의 경우 오른쪽이 짤립니다.


IE11의 내용에서는 max-width 가 잘 먹어서 문제없습니다.


버그2 : 모바일에서 세로가 긴 움짤의 경우 아래위가 짤리는 현상이 있습니다.


CSS로 해결해보려고 하고 있습니다.



버그 3: 위 버그들은 해결했습니다. 하지만 IE11에서 움짤 배경이 검정색으로 나오네요... 기능상으론 문제가 없는데 흑흑



적용방법 : 게시판 스킨에 NB-Basic-gif를 선택하고, 스킨설정에서 썸네일 높이에 0 을 입력하고, 기본 높이에 100을 입력합니다.



2020.09.16  1.0.1


버그 1,2를 해결했습니다. 추후 video 관련 css 패치가 있어도 문제없이 설정했습니다.


버그3가 생겼습니다. 이건 저도 잘 모르겠습니다. 


움짤이 작아도 비율을 유지하여 꽉차게 표현됩니다.



2020.09.21  1.0.2 업데이트


나리야 1.0.8.3 에 맞추어서 CSS 파일을 업데이트 했습니다.


크롬에서 리스트 화면에서 출력이 안되던 문제를 해결했습니다.



gallery-list-video.extend.zip 파일 추가 



2020.10.10 업데이트


SIR에 올린 플러그인에 게시물 목록에서도 WEBM 또는 MP4 출력을 추가하여 list관련 extend 파일을 삭제하였습니다.



2020.10.14 업데이트 1.0.3


구글 링크된 GIF 버튼 CSS가 에디터로 움짤을 삽입했을 때 적용되지 않는 것을 적용되게 수정했습니다.

47 Comments
3 aminahaha 10.31 11:38  
감사합니다~!!!!
11 우성짱 10.31 11:45  
넵 잘 쓰세요!
  1. 별도 라이센스 표기가 없는 경우 다운받으신 자료는 비영리 사이트에서만 사용가능하며, 제작의뢰 또는 납품용으로도 사용할 수 없습니다.
  2. 또한 몰에서 판매하는 자료의 리소스로 활용 또는 단독판매가 불가능하고, 회원자료실에서 재배포도 불가능합니다.
  3. 포인트가 있는 경우 다운로드 후 2개월(60일) 동안은 다시 받더라도 재차감되지 않습니다.
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand