basic(베이직) 스킨 리스트에 썸네일 달기 정보
basic(베이직) 스킨 리스트에 썸네일 달기
관련링크
본문
1. 순정 basic 스킨 리스트페이지에 썸네일을 쉽게 다는 방법입니다. 첫번째 첨부파일을 사용합니다.
2. 먼저 목록에서 파일 사용에 체크를 해 주세요.
3. pc 의 list.skin.php 의 가장 마지막에 아래의 코드를 넣어줍니다.
<?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>
4. 모바일의 list.skin.php 의 가장 마지막에 아래의 코드를 넣어줍니다.
<?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>
5. 리스트에도 list.tail.skin.php 가 자동 인클루드 되면(hook 으로 만들 수는 있음) 참으로 좋을 거란 생각을 한번 해 봅니다.^^
추천
3
3
댓글 2개
비타주리님 감사 합니다.
