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

최신글 부분 질문드립니다. 답변 꼭 좀 해주세요 ~ 선생님 채택완료

하내따남 9년 전 조회 2,384

최신글 불러오기를 했는데 썸네일이나 내용으러 넘어 가는건 아무 문제없이 작동이 됩니다.

그런데...... 썸네일들이 가로 정렬이 되어야 하는데 세로로 정렬이 되어 있어요

이 썸네일들을 가로로 정렬 하고싶은데 어디를 수정해야 가로 정렬로 바뀌는건가요 ?? 

위치를 모르겠어요 ㅠㅠ 

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

답변 1개

채택된 답변
+20 포인트

소스 코드를 확인 해봐야 ;;;

설명을 드릴 수 있을것 같습니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

하내따남
9년 전
[code]
<?
if (!defined('_ADMA_')) exit; // 개별 페이지 접근 불가
//if (!function_exists('imagecopyresampled')) alert('GD 2.0.1 이상 버전이 설치되어 있어야 합니다.');
include_once($latest_skin_path.'/lib/thumb.lib.php');

$thumb_width = 220; //썸네일 가로
$thumb_height = 204; //썸네일 세로
$quality= 99; //썸네일 퀄리티
$visible_cnt = 4; //노출할 이미지 수
?>

<script type="text/javascript" src="<?=$latest_skin_path?>/js/jcarousellite_1.0.1.min.js"></script>

<style type="text/css">
#widgetScroll { width:100%; display:inline-block; }
#widgetScroll .btnPrev { width:4%; float:left; cursor:pointer; margin-top:0px; }
#widgetScroll .btnNext { width:4%; float:left; cursor:pointer; margin-top:0px; }
.imgList { width:80%; float:left;}
.imgList ul { height:200px; list-style:none; float:left;}
.imgList ul li { padding:0px 4px; display:inline; }
.imgList ul li img { width:<?=$thumb_width?>px; height:<?=$thumb_height?>px; }
</style>

<script type="text/javascript">
$(function(){
$('#widgetScroll .imgList').jCarouselLite({
visible: <?=$visible_cnt?>,
auto: 1000, //자동 스크롤 속도
speed: 1000, //스크롤 이동 속도
btnPrev: '#widgetScroll .btnPrev',
btnNext: '#widgetScroll .btnNext'
});
});
</script>


<div id="widgetScroll" style="padding-left:7px;">
<div class="btnPrev" ><img src="<?=$latest_skin_path?>/img/btn_arrow_left.png" alt="" /></div>
<div class="imgList">
<ul>
<? for ($i=0; $i<count($list); $i++) { ?>
<?
if($list[$i]['file']['0']['view']) {
$src = $list[$i]['file']['0']['path']."/".$list[$i]['file']['0']['file'];
$thumb = thumbnail($src, $thumb_width, $thumb_height, 0, 1, $quality, 2, '', $filter, $noimg);
}else{
//게디터에서 삽입한 이미지 뽑자ㅠㅠ
$edit_img = $list[$i]['wr_content'];
if (eregi("data/cheditor4[^<>]*\.(gif|jp[e]?g|png|bmp)", $edit_img, $tmp)) {
$file = $ad['path'].'/' . $tmp['0']; // 파일명
$thumb = thumbnail($file, $thumb_width, $thumb_height, 0, 1, $quality, 2, '', $filter, $noimg);
}
}
?>
<li><a href="<?=$list[$i]['href']?>"><img src="<?=$thumb?>" alt="" /></a></li>
<? } ?>
<?
if ($i<$visible_cnt) {
$max = $visible_cnt - $i;
for ($j=0; $j<$max; $j++) {
echo '<li>&nbsp;</li>';
}
}
?>
</ul>
</div>
<div class="btnNext"><img src="<?=$latest_skin_path?>/img/btn_arrow_right.png" alt="" /></div>
</div>
[/code]
이게 최신글 스킨 부분이구요
<?=latest('item', 'B_1', 8);?>
이게 최신글 불러오는 부분입니다.
하내따남
9년 전
지금 css 부분 수정해서 가로로 나오는데 가로 화면이 최신글 가로 크기 보다 더 많은 내용을 가져오니 옆으로 이어져서 보이는게 아니라
ㅁㅁㅁ
ㅁㅁㅁ
ㅁㅁㅁ
이런 식으로 화면이 나오고 있습니다.
3개까지가 가로로 최대로 많이 들어가는 사이즈 같아요

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

답변을 작성하려면 로그인이 필요합니다.

로그인