최신글 썸네일의 비율유지 방법
본문
소스한번 봐주세요.
최신글 스킨인데
첨부사진, 유튜브썸네일 중 하나를 나오게 만들어본 스킨인데요.
다름아니고 비율이 올리는 사진의 비율대로
가로 사이즈만 고정해버리고 세로는 비율대로 나오게 하려는건데요.
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
$thumb_width = 220;
$thumb_height = 124;
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
?>
<script src="https://npmcdn.com/masonry-layout@4.0/dist/masonry.pkgd.min.js"></script>
<div id="container" class="lat_web">
<!--<h2><?php echo $gr_subject; ?></h2> /그룹명-->
<ul id="images">
<?php
for ($i=0; $i<count($list); $i++) {
$thumb = get_list_thumbnail($list[$i]['bo_table'], $list[$i]['wr_id'], $thumb_width, $thumb_height);
if($thumb['src']) {
$img = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'">';
$wr_subject = cut_str(strip_tags($list[$i]['wr_content']), 110); //이미지가 있을때 글자수
} else {
$wr_subject = cut_str(strip_tags($list[$i]['wr_content']), 130); //이미지가 없을때 글자수
}
?>
<li class="itemshit">
<a href="<?php echo $list[$i]['href']; ?>">
<?php if($thumb['src']) { ?>
<div class="wimg">
<span class="myimg"><?php echo $img; ?></span>
</div>
<?php } else {
// 첨부동영상의 썸네일 우선출력 시작
$thumb = get_list_thumbnail($list[$i]['bo_table'], $list[$i]['wr_id'], $thumb_width, $thumb_height); // 썸네일 크기를 위에서 선언한 크기사용
if(!$thumb){
if($list[$i]['wr_1']) {
$thumb['src'] = "http://img.youtube.com/vi/{$list[$i][wr_1]}/maxresdefault.jpg";
} elseif ($list[$i]['wr_2']){
$output=get_vimeo("http://vimeo.com/api/v2/video/".$list[$i]['wr_2'].".php");
$output=unserialize($output);
// echo "<img src='".$output[0][thumbnail_medium]."'>"; //thumbnail_small, thumbnail_medium, thumbnail_large
$thumb['src'] = $output[0][thumbnail_medium];
}
}
if($thumb['src']) {
$img_content = '<img class="youtubethumb" src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$thumb_width.'" height="'.$thumb_height.'">';
} else {
$img_content = '<span style="width:'.$thumb_width.'px;height:'.$thumb_height.'px"><img src="/img/no-img.png"></span>';
}
echo $img_content;
} ?></a> ......
답변을 작성하시기 전에 로그인 해주세요.
