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

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

QA

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

본문

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

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

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

위치를 모르겠어요 ㅠㅠ 

이 질문에 댓글 쓰기 :

답변 1

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

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


<?
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>

이게 최신글 스킨 부분이구요
<?=latest('item', 'B_1', 8);?>
이게 최신글 불러오는 부분입니다.

지금 css 부분 수정해서 가로로 나오는데 가로 화면이 최신글 가로 크기 보다 더 많은 내용을 가져오니 옆으로 이어져서 보이는게 아니라
ㅁㅁㅁ
ㅁㅁㅁ
ㅁㅁㅁ
이런 식으로 화면이 나오고 있습니다.
3개까지가 가로로 최대로 많이 들어가는 사이즈 같아요

답변을 작성하시기 전에 로그인 해주세요.
전체 129,672 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT