비

basic(베이직) 스킨 리스트에 썸네일 달기

 

1. 순정 basic 스킨 리스트페이지에 썸네일을 쉽게 다는 방법입니다. 첫번째 첨부파일을 사용합니다.

 

2. 먼저 목록에서 파일 사용에 체크를 해 주세요.

 

3717943588_1690553519.0131.jpg

 

3. pc 의 list.skin.php 의 가장 마지막에 아래의 코드를 넣어줍니다.

[code]

<?php
$list_thumbnail = '';
$list_link = '';
for ($i=0; $i<count($list); $i++) {
    $list_thumbnail .= $list[$i]['file'][0]['path'].'/'.$list[$i]['file'][0]['file'].'|';
    $list_link .= $list[$i]['href'].'|';
}
?>
<style>
.td_subject { display:flex; align-items:center; height:auto !important; }
.td_subject .list-thumbnail { width:110px; height:110px; object-fit:cover; display:block; margin:0px 20px 0px 20px; float:left; border-radius:5px; }
</style>
<script>
listThumbnail = ("<?php echo $list_thumbnail; ?>").slice(0, -1).split("|");
listLink = ("<?php echo $list_link; ?>").slice(0, -1).split("|");
for (i in listThumbnail) document.querySelectorAll(".td_subject")[i].insertAdjacentHTML("afterbegin", "<a href='" + listLink[i] + "'><img class='list-thumbnail' src='" + listThumbnail[i] + "'></a>");
</script>

[/code]

 

4. 모바일의 list.skin.php 의 가장 마지막에 아래의 코드를 넣어줍니다.

[code]

<?php
$list_thumbnail = '';
$list_link = '';
for ($i=0; $i<count($list); $i++) {
    $list_thumbnail .= $list[$i]['file'][0]['path'].'/'.$list[$i]['file'][0]['file'].'|';
    $list_link .= $list[$i]['href'].'|';
}
?>
<style>
.list-thumbnail { width:100px; height:100px; object-fit:cover; display:block; margin-right:12px; border-radius:5px; float:left; }
.list-thumbnail-a { position:relative; z-index:1; }
</style>
<script>
listThumbnail = ("<?php echo $list_thumbnail; ?>").slice(0, -1).split("|");
listLink = ("<?php echo $list_link; ?>").slice(0, -1).split("|");
for (i in listThumbnail) document.querySelectorAll(".bo_cnt")[i].insertAdjacentHTML("beforebegin", "<a class='list-thumbnail-a' href='" + listLink[i] + "'><img class='list-thumbnail' src='" + listThumbnail[i] + "'></a>");
</script>

[/code]

 

5. 리스트에도 list.tail.skin.php 가 자동 인클루드 되면(hook 으로 만들 수는 있음) 참으로 좋을 거란 생각을 한번 해 봅니다.^^

|

댓글 2개

비타주리님 감사 합니다.
@들레아빠
실은 썸네일을 첨부파일이나 에디터파일이 아닌 따로 업로드를 할 수 있는 게시판을 hook 으로 만들려고 하다가 귀찮아서 우회했어요.ㅋ
감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
23-07-31 조회 5,272
23-07-30 조회 7,344
23-07-30 조회 4,661
23-07-28 조회 5,443
23-07-25 조회 6,876
23-07-19 조회 5,360
23-07-12 조회 4,724
23-07-07 조회 5,963
23-07-07 조회 5,870
23-07-06 조회 5,219
23-07-03 조회 6,171
23-07-01 조회 5,119
23-06-30 조회 5,832
23-06-29 조회 7,511
23-06-25 조회 4,811
23-06-22 조회 5,165
23-06-17 조회 4,813
23-06-16 조회 5,390
23-06-12 조회 6,740
23-05-27 조회 5,574
23-05-26 조회 5,791
23-05-26 조회 5,323
23-05-23 조회 5,711
23-05-22 조회 6,258
23-05-22 조회 5,279
23-05-18 조회 5,706
23-05-18 조회 4,923
23-05-17 조회 5,777
23-05-16 조회 7,261
23-05-13 조회 5,174