그누보드 - 갤러리 리스트에서 유튜브 썸네일 주기

갤러리 리스트에서 유튜브 썸네일 주기 > 그누보드5 팁자료실

그누보드5 팁자료실

갤러리 리스트에서 유튜브 썸네일 주기 정보

갤러리 리스트에서 유튜브 썸네일 주기

본문

1. https://sir.kr/qa/489529 질문글 보고 코드 하나 짜 보았습니다.

순정 gallery 스킨 기준입니다. 커스텀이 들어간 스킨이나 테마나 빌더 등은 테스트해 보지도 않았습니다.

그에 대한 질문은 사절합니다.^^

원래의 썸네일이 있건 없건 상관없이 본문에 유튜브 동영상이 있으면 무조건 유튜브 썸네일로 교체되고

본문에 유튜브 동영상이 없으면 원래대로 표현됩니다.

아래의 코드를 list.skin.php 의 가장 마지막에 넣어주세요.

----------

2. pc


<script>
<?php for ($i=0; $i<count($list); $i++) echo "ytThumbnail_".$i." = '".substr(explode('https://www.youtube.com/embed/', $list[$i]['wr_content'])[1], 0, 11)."';\n"; ?>
for (i = 0; i < <?php echo $i; ?>; i++) {
    if (this["ytThumbnail_" + i] !== "") {
        document.querySelectorAll("#bo_gall .gall_img a")[i].innerHTML = "<img src='https://img.youtube.com/vi/" + this["ytThumbnail_" + i] + "/mqdefault.jpg'>";
    }
}
</script>

----------

3. 모바일


<script>
<?php for ($i=0; $i<count($list); $i++) echo "ytThumbnail_".$i." = '".substr(explode('https://www.youtube.com/embed/', $list[$i]['wr_content'])[1], 0, 11)."';\n"; ?>
for (i = 0; i < <?php echo $i; ?>; i++) {
    if (this["ytThumbnail_" + i] !== "") {
        document.querySelectorAll("#bo_gall .gall_li_wr .gall_img")[i].innerHTML = "<img src='https://img.youtube.com/vi/" + this["ytThumbnail_" + i] + "/mqdefault.jpg'>";
    }
}
</script>

----------

4. 유튜브 썸네일의 mqdefault.jpg 은 본인의 입맛대로 바꿔 사용하세요.

기타 전체 썸네일의 가로 세로 옵션은 본인들이 css 에서 스타일링 하시기 바랍니다.

----------

5. 만일 wr_content 에서 유튜브를 띄우는 것이 아니라 가령 wr_1 이나 wr_link1 등에서 띄운다면

$list[$i]['wr_content']) 를 아래처럼 바꾸세요

$list[$i]['wr_1'])

$list[$i]['wr_link1'])