퓨어 갤러리 썸네일 크기 조정

안녕하세요

언제나 사용이 즐거운 Kboard 를 잘 사용하고 있습니다.

워드프레스 게시판 KBoard 퓨어 갤러리 스킨에 관련된 문의입니다.

http://severancetu.or.kr/sympathize/ 

링크에서 보여지는 썸네일을 크기글 변경하고 싶은데요.

썸네일을 이미지의 비율을 2:3 으로 하고 싶은데요

 

list.js 에서 

아래 처럼 바꾸고

 86줄       var item_width = jQuery('.kboard-list-item', this).width();
        jQuery('.kboard-list-item .kboard-list-thumbnail', this).css({'height':item_width+'px'});
    });
}

아래처럼 바꾸니까 이미지가 넘쳐나 버리는 데요
	jQuery('.kboard-list-item .kboard-list-thumbnail', this).css({'height':(item_width*1.3)+'px'});

2:3 정도 원본 비율을 유지하려면 어찌 하는지 문의드려요

 

lsit.php 에서   getThumbnail(500, 500) 을 getThumbnail(344, 500) 로 바꾸고

	<!-- 리스트 시작 -->
	<ul class="kboard-pure-gallery-list">
		<?php while($content = $list->hasNextNotice()):?>
		<li class="kboard-list-item<?php if($content->uid == kboard_uid()):?> kboard-list-selected<?php endif?>">
			<a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>#kboard-document">
				<div class="kboard-list-thumbnail">
					<?php if($content->getThumbnail(344, 500)):?>
					<div class="kboard-list-thumbnail-child" style="background-image:url(<?php echo $content->getThumbnail(344, 500)?>)"></div>
					<?php endif?>
					<?php if(isset($content->attach->over_image)):?>
					<div class="kboard-list-thumbnail-over-background"></div>
					<div class="kboard-list-thumbnail-over-image"><img src="<?php echo site_url($content->attach->over_image[0])?>" alt=""></div>
					<?php endif?>
				</div>
				<div class="kboard-list-notice"><span class="kboard-pure-gallery-new-notify"><?php echo __('Notice', 'kboard')?></span></div>
				<div class="kboard-list-title"><div class="kboard-pure-gallery-cut-strings">
					<?php if($content->secret):?><img src="<?php echo $skin_path?>/images/icon-lock.png" class="kboard-icon-lock" alt="<?php echo __('Secret', 'kboard')?>"><?php endif?>
					<?php echo $content->title?>
				</div></div>
				<div class="kboard-list-user"><?php echo $content->getUserDisplay()?></div>
			</a>
		</li>
		<?php endwhile?>
		<?php while($content = $list->hasNext()):?>
		<li class="kboard-list-item<?php if($content->uid == kboard_uid()):?> kboard-list-selected<?php endif?>">
			<a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>#kboard-document">
				<div class="kboard-list-thumbnail">
					<?php if($content->getThumbnail(344, 500)):?>
					<div class="kboard-list-thumbnail-child" style="background-image:url(<?php echo $content->getThumbnail(344, 500)?>)"></div>
					<?php endif?>
					<?php if(isset($content->attach->over_image)):?>
					<div class="kboard-list-thumbnail-over-background"></div>
					<div class="kboard-list-thumbnail-over-image"><img src="<?php echo site_url($content->attach->over_image[0])?>" alt=""></div>
					<?php endif?>
				</div>
				<div class="kboard-list-new"><?php if($content->isNew()):?><span class="kboard-pure-gallery-new-notify">New</span><?php endif?></div>
				<div class="kboard-list-title"><div class="kboard-pure-gallery-cut-strings">
					<?php if($content->secret):?><img src="<?php echo $skin_path?>/images/icon-lock.png" class="kboard-icon-lock" alt="<?php echo __('Secret', 'kboard')?>"><?php endif?>
					<?php echo $content->title?>
				</div></div>
				<div class="kboard-list-user"><?php echo $content->getUserDisplay()?></div>
			</a>
		</li>
		<?php endwhile?>
	</ul>
	<!-- 리스트 끝 -->
	

 

style.css 에서

background-size를 contain 으로 background-repear 를 no-repeat 로 해서 맞추어 봤습니다만,

kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-child { height: 100%; background-size:contain; background-repeat: no-repeat; background-position: center; transition-duration: 0.5s; padding-bottom: -15px;}

뭔가 이미지의 비율과 딱 맞아 떨어지지는 않습니다.

그냥 어떻게 바꾸나요 ? 하고 묻는건 예의가 아닌 것 같아, 나름 찾아보고 

조언을 조금만 해주시면 하고 바라면서 글을 남겨 봅니다.

 

감사합니다. 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기