외부이미지 리스트의 썸네일로 사용하기 - 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,220
4년 전 조회 3,996
4년 전 조회 3,384
4년 전 조회 3,031
4년 전 조회 5,631
4년 전 조회 3,917
4년 전 조회 3,773
4년 전 조회 5,754
4년 전 조회 3,810
4년 전 조회 3,699
4년 전 조회 2,833
4년 전 조회 3,241
4년 전 조회 4,501
4년 전 조회 2,473
4년 전 조회 3,758
4년 전 조회 2,564
4년 전 조회 2,423
4년 전 조회 3,089
4년 전 조회 4,680
4년 전 조회 3,048
4년 전 조회 3,495
4년 전 조회 4,292
4년 전 조회 3,324
4년 전 조회 3,613
4년 전 조회 2,884
4년 전 조회 3,237
4년 전 조회 7,084
4년 전 조회 2,983
4년 전 조회 6,798
4년 전 조회 8,474