외부이미지 리스트의 썸네일로 사용하기 - 1

 

업그레이드 - https://sir.kr/g5_tip/17661

 

--------------------

 

1. 그누기본 스킨 중 하나인 gallery 스킨이 기준입니다.

 

2. 스마트에디터2 에 적용한 컨텐츠에만 해당합니다.

 

3. 여분필드가 하나 필요합니다. 예제에서는 wr_9 를 사용하였습니다.

 

4. 스마트에디터에 삽입한 "첫번째" 외부이미지를 대표이미지로 만듭니다.

 

5. 외부이미지는 썸네일로 만드는 것이 아니라 그 이미지를 그대로 사용합니다.

 

6. 외부이미지가 없다면 기존의 방식대로 썸네일이 유지됩니다.

 

7. white.skin.php 에서 마감태그인 </form> 바로 위에 아래의 코드를 넣어줍니다.

 

[code]

<script>
<?php
$domain_string = explode('.', $_SERVER['HTTP_HOST']);
$domain_string = $domain_string[count($domain_string) - 2].'.'.$domain_string[count($domain_string) - 1].'/';
?>
document.write("<input type=text style=display:none id=wr_9 name=wr_9><div id=hideDiv style=display:none></div>");
outImageUrl = "";
setInterval(function() {
    hideDiv.innerHTML = oEditors.getById["wr_content"].getIR();
    outImg = hideDiv.getElementsByTagName("img");
    for (hdi = 0; hdi < outImg.length; hdi++) if (outImageUrl == "" && outImg[hdi].src.indexOf("<?php echo $domain_string; ?>") < 0) outImageUrl = outImg[hdi].src;
}, 100);
btn_submit.onmouseover = function() {
    wr_9.value = outImageUrl;
}
</script>

[/code]

 

8. list.skin.php 에서 if($thumb['src']) { 를 찾아 그 바로 위에 아래의 코드를 넣어 줍니다.

 

[code]

$thumb['src'] = $list[$i]['wr_9'] ? $list[$i]['wr_9'] : $thumb['src'];

[/code]

|
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

+
제목 글쓴이 날짜 조회
4년 전 조회 3,310
4년 전 조회 4,097
4년 전 조회 3,494
4년 전 조회 3,152
4년 전 조회 5,822
4년 전 조회 4,048
4년 전 조회 3,875
4년 전 조회 5,876
4년 전 조회 3,922
4년 전 조회 3,832
4년 전 조회 2,947
4년 전 조회 3,365
4년 전 조회 4,616
4년 전 조회 2,563
4년 전 조회 3,873
4년 전 조회 2,688
4년 전 조회 2,531
4년 전 조회 3,205
4년 전 조회 4,792
4년 전 조회 3,166
4년 전 조회 3,628
4년 전 조회 4,408
4년 전 조회 3,439
4년 전 조회 3,721
4년 전 조회 2,983
4년 전 조회 3,359
4년 전 조회 7,216
4년 전 조회 3,122
4년 전 조회 6,938
4년 전 조회 8,602