모바일버전 바로가기 https://sir.kr/g5_skin/57237 ---------- 1. pc 전용이며 모바일은 다음주에나 올릴게요. mp4 의 게시판 표현은 첨...
mp4 썸네일이 가능한 멀티썸네일 갤러리
모바일버전 바로가기
----------
1. pc 전용이며 모바일은 다음주에나 올릴게요.
mp4 의 게시판 표현은 첨부파일 방식으로 구현하였습니다.
https://sir.kr/g5_skin/56803 과 같은 형태입니다. 코드는 장착되어 있으니 링크스킨을 또다시 가져올 필요는 없습니다.
----------
2. 움짤 등 mp4 동영상의 썸네일이 가능하고 사운드가 있는 동영상도 묵음처리되어 썸네일이 됩니다.
동시에 이미지나 동영상의 사이즈가 뒤죽박죽이라도 무조건 동일사이즈로 썸네일을 리사이징합니다.
원래는 http://www.mediaplayer.kr/main/multi_gallery 식으로 퍼블리싱 하려고 했는데 시간이 너무 많이 걸리고 고생한만큼 댓글도 못 받을 것 같아 생각을 접었습니다.
참고로 저 멀티갤러리는 다운로드수 300개에 댓글은 십여개 정도를 받은 스킨이라 제가 자료공유에 굉장히 "회의감"을 가졌던 스킨입니다.ㅋ
----------
3. 가장 우선순위 썸네일은 글쓰기시 여분드9번에 썸네일 url 을 직접 입력하는 형태입니다.
http 나 https 프로토콜의 jpg, png, gif, jpeg 와 mp4 이 다섯가지 확장자 중 하나를 넣어주세요.

----------
4. 2번째 우선순위는 본문에 유튜브 동영상이 있으면 본믄 첫번째 유튜브의 썸네일을 자동으로 끌어옵니다.
3번째 우선순위는 첨부파일 중 jpg, png, gif, jpeg, mp4 확장자를 지닌 최초의 파일을 불러옵니다.
이 1,2,3 번의 어느 경우에도 해당하지 않을 때, 즉 썸네일이 없을 때는 스킨 폴더의 no_image.jpg 를 부릅니다. 이건 원하는 이미지로 본인이 바꿔도 됩니다.

----------
5. 글수정시 첨부파일의 절대경로를 추출하는 코드도 넣었습니다.
아래 그림에서 원하는 파일 아이콘에 대고 우클릭하여 링크주소를 복사해서 여분필드에 입력해 주세요.

----------
6. 게시판 설정에서는 가로의 이미지숫자만 정해주세요.
나머지 이미지폭이나 높이는 대충 그냥 놔 두어도 됩니다. 스킨안에서 리사이징 되기 때문에 의미가 없습니다.
그리고 목록에서 내용과 파일을 모두 사용한다고 체크해 줍니다.


----------
7. list.skin.php 의 상단코드에서 옵션을 보면 80 은 가로를 100퍼센트로 놓았을 때 세로의 퍼센트값입니다.
30px 은 상하의 간격입니다.
0px 은 라운드 수치입니다.
가령 퍼센트를 100 으로 주고 라운드에 50% 를 주면...
http://www.mediaplayer.kr/main/view_gallery/3 이 형태의 원형 썸네일이 가능합니다.

----------
8. 테스트는 php 8버전에서 하였고 7버전은 테스트하지 않았습니다. 아마도 될 것입니다.
혹 7버전에서 안 된다면 "제보"해 주세요.ㅋ 물론 5버전 이하는 "논외"입니다.
그누순정 5.5 버전 기준으로 그 미만 버전이나 빌더 및 테마 또는 커스텀스킨에서 무언가가 안 된다면 전혀 도움을 드릴 수 없으니 본인이 각개격파 하세요.
----------
9. gallery 스킨으로 만들었으며 본인이 더 가공하여 원하는 스킨을 만드는 건 자유이지만 이걸 기본코드로 무료건 유료건 재배포하는 것은 엄금합니다.^^
또한 게시글에서 사용된 이미지나 동영상은 제가 직접 만든 것이 대부분이므로 사용하고 싶으면 제게 허락을 맡고 가져가세요.
버전 정보
첨부파일
그누보드5 스킨
2,751건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
영카트 5.5 버전용입니다. 영카트 5.5.8.3.4 에 최적화되어있습니다. 먼저 정중하게 태클 사양합니다. 본인한테 안맞으면 안쓰시면 됩니다. 사정에 의해 이 게시글은...
게시판 부트스트랩 5.3 사용한 유튜브 게시판&갤러리 스킨 https://sir.kr/g5_skin/57019?sca=%EA%B2%8C%EC%8B%9C%ED%8C%90 Owl Ca...
영카트 5.5 버전용입니다. 영카트 5.5.8.2.5 에 최적화되어있습니다. 먼저 정중하게 태클 사양합니다. 본인한테 안맞으면 안쓰시면 됩니다. 사정에 의해 이 게시글은...
2023년 10월 06일 업뎃 ---------- 1. https://sir.kr/g5_tip/21166 의 업뎃 스킨버전입니다. 때문에 이 링크 팁을 사용하는 회원...
1. 리스트 버전 스킨 (https://sir.kr/g5_skin/56973 ) 2. 유튜브 및 갤러리 게시판 겸용 스킨 ( https://sir.kr/g5_skin/57019 ...
저번 리스트 버전 말고 이번에는 유튜브 및 갤러리 게시판 겸용 스킨을 올려드립니다. 부트스트랩 이용 홈페이지 작업하다가 부트스트랩 공부용으로 사용하실 수 있는 분들을 위하여 공유...
1. 게시글을 작성할 때 내 게시글에 댓글을 제발 안 달았음 좋겠다는 꼴보기 싫은 회원이 있을 것입니다. 이런 회원의 댓글차단을 가능하게 하는 스킨입니다. ---------...
메인에 게시판 첨부파일 불러오기 가능할까요? https://sir.kr/qa/510224 .
먼저 정중하게 태클 사양합니다. 본인한테 안맞으면 안쓰시면 됩니다. 사정에 의해 이 게시글은 언제든 삭제될 수 있습니다. 그누보드5.4 NEW관리자인 아이스크림GE10을 202...
부트스트랩 공부하시는 분들을 위하여 공유합니다. 프로젝트 진행중에 만들었습니다. ㅠㅠ 졸작이에요 샘플은 링크를 이용하세요. 사용방법: 1. www/skin/bo...
댓글 32개
다음에 꼭 적용해 보겠습니다.
게시판에 iframe만 삽입하면 호스트 404에러로 튕겨버려요..ㅠ
http://wittazzurri.phps.kr/gallery/6
이것처럼 만들고 싶은데
html로 본문에
<iframe width="1024" height="576" src="https://www.youtube.com/embed/4XZz3WXRw0A?list=TLGGSjyPb3a-cfUyNDA5MjAyMw" title="JISOO - ‘꽃(FLOWER)’ DANCE PERFORMANCE VIDEO" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
이거 삽입하신 거 맞나요?ㅠㅠ
의 댓글 참조하시고... 플러그인 설치가 필요합니다.
닷홈 호스팅에서 유튜브 iframe 웹 방화벽 예외처리해주세요라고 고객센터로 문의해야만 되는 거였네요~!
모바일 너무너무 기다리고 있습니다!!ㅎㅎ 잘 부탁드려요
좋은 자료 공유해 주셔서 감사합니다. 유용하게 활용하겠습니다.
감사합니다
안녕하세요.
비타주리님 스킨 항상 유용하게 사용하고 있습니다.
질문이 있는데,
본문에 유튜브 주소가 아이프레임이 아니라
https://www.youtube.com/watch?v=Km71Rr9K-Bw
이런 식으로 있을 경우에는 썸네일 불러오기 힘들까요?
비타주리님의
view.tail.skin.php스킨에서
유튜브와 쇼츠 주소를
https://youtu.be/Km71Rr9K-Bw
이런 형식이 아닌
https://www.youtube.com/watch?v=Km71Rr9K-Bw
형식으로 불러오게
역시 비타주리님의 view_comment.tail.skin.php 스킨을 참고해서 수정을 해서 사용중이라서 썸네일도 같이 연동시켜보고 싶은데,
소스를 봐도 잘 모르겠네요.
링크가 들어가도 종국에는 아이프레임 처리가 되어서 그게 그거일 텐데요?
이 스킨을 다른 분 어떤 스킨에 붙이신건지 모르겠지만 하다가 안 되면 wr_9 이용하세요.^^
죄송하지만 저는 저와 다른 분 스킨을 합성하다 생긴 문제에 대해서는 질문받지 않습니다. 이해하시길요.
친절하신 답변 감사합니다.
소스 살펴보고 해결하였습니다.
그리고 다른분의 스킨과 합성한건 아니고,
모두 비타주리님의 스킨을 제 나름대로 수정하고 있었습니다.
잘 사용하고 있습니다.
1.게시글 내용은 list에서 안보이게 하고 싶은데 어떻게 하면 될까요?
2. 제목 글 색상은 어디서 변경 가능할까요?
죄송합니다. 저는 본인의 정보를 공개하지 않은 분께는 게시글의 댓글로는 질문을 받지 않습니다.^^
덕분에 잘 적용했습니다. 여러 조건까지 가미했네요
추천!
감사합니다.
와,,, 정말 최고네요..너무 멋집니다.