외부이미지 리스트의 썸네일로 사용하기 - 1 > 그누보드5 팁자료실

그누보드5 팁자료실

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

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

본문

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 


<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>

 

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

 


$thumb['src'] = $list[$i]['wr_9'] ? $list[$i]['wr_9'] : $thumb['src'];
추천
3
  • 복사

댓글 7개

© SIRSOFT
현재 페이지 제일 처음으로