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

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

QA

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

답변 1

본문

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

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

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

위치를 모르겠어요 ㅠㅠ 

이 질문에 댓글 쓰기 :

답변 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개까지가 가로로 최대로 많이 들어가는 사이즈 같아요

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 21
© SIRSOFT
현재 페이지 제일 처음으로