테스트 사이트 - 개발 중인 베타 버전입니다

외부이미지 리스트의 썸네일로 사용하기 - 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]

댓글 작성

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

로그인하기

댓글 7개

https://sir.kr/qa/444439
감사합니다. 잘 활용할게요.
@arari 감사합니다
좋은 팁 입니다. 감사합니다.
[http://sir.kr/data/editor/2201/ce49d58b2e0a98f4ed5d59babef3d86d_1641608090_5492.png]
@들레아빠 감사합니다
@강다리 감사합니다

게시글 목록

번호 제목
17910
17895
17878
17865
17863
17855
17852
17845
17811
17804
17801
17799
17791
17765
17764
17763
17749
17742
17733
17723
17707
17696
17687
17667
17661
17658
17640
17639
17635
17621