외부이미지 리스트의 썸네일로 사용하기 - 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,100
4년 전 조회 3,885
4년 전 조회 3,272
4년 전 조회 2,909
4년 전 조회 5,451
4년 전 조회 3,793
4년 전 조회 3,671
4년 전 조회 5,614
4년 전 조회 3,708
4년 전 조회 3,560
4년 전 조회 2,716
4년 전 조회 3,126
4년 전 조회 4,360
4년 전 조회 2,357
4년 전 조회 3,629
4년 전 조회 2,451
4년 전 조회 2,307
4년 전 조회 2,967
4년 전 조회 4,519
4년 전 조회 2,929
4년 전 조회 3,361
4년 전 조회 4,186
4년 전 조회 3,223
4년 전 조회 3,505
4년 전 조회 2,782
4년 전 조회 3,124
4년 전 조회 6,935
4년 전 조회 2,860
4년 전 조회 6,656
4년 전 조회 8,335
🐛 버그신고