1. 순정 basic 스킨 리스트페이지에 썸네일을 쉽게 다는 방법입니다. 첫번째 첨부파일을 사용합니다.
2. 먼저 목록에서 파일 사용에 체크를 해 주세요.

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개
게시글 목록
| 번호 | 제목 |
|---|---|
| 24149 | |
| 24140 | |
| 24133 | |
| 24125 | |
| 24119 | |
| 24109 | |
| 24105 | |
| 24101 | |
| 24093 | |
| 24089 | |
| 24077 | |
| 24074 | |
| 24071 | |
| 24070 | |
| 24067 | |
| 24056 | |
| 24050 | |
| 24046 | |
| 24043 | |
| 24040 | |
| 24037 | |
| 24036 | |
| 24035 | |
| 24034 | |
| 24021 | |
| 24017 | |
| 24005 | |
| 24002 | |
| 23990 | |
| 23980 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기