이미지 가로세로 100% 설정
본문
회원님 스킨을 사용하고 있습니다.
아래 옵션값을 통해서..
$arr_option = array(1024,600);
가로세로 사이즈를 지정하는데요..
그냥 가로세로 원사이즈 100% 출력을 할려면 어찌하면 좋을까요?
<div class="main_gallery">
<?
// 소스 시작
$arr_option = array(1024,600);
echo latest("main_gal", "test", 2, 10, 1, $arr_option);
// latest("스킨폴더명", "게시판테이블", "데이터행", "제목글자수", "캐시타임", "옵션");
// 소스 끝
?
?>
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<link rel="stylesheet" href="<?=$latest_skin_url?>/css/font-awesome.min.css">
<style>
#slides<?=$bo_table?> {
display: none;
}
.slidesjs-navigation {
margin-top:3px;
}
.slidesjs-previous {
margin-right: 5px;
}
.slidesjs-next {
margin-right: 5px;
}
.slidesjs-pagination {
margin: 6px 0 0;
float: right;
list-style: none;
}
.slidesjs-pagination li {
float: left;
margin: 0 1px;
}
.slidesjs-pagination li a {
display: block;
width: 13px;
height: 0;
padding-top: 13px;
background-image: url("<?=$latest_skin_url?>/img/pagination.png");
background-position: 0 0;
float: left;
overflow: hidden;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
background-position: 0 -13px
}
.slidesjs-pagination li a:hover {
background-position: 0 -26px
}
</style>
<div style="width:<?=$options[0]?>px;position:relative;">
<div id="slides<?=$bo_table?>" >
<?
for ($i=0; $i<count($list); $i++) {
$noimage = "$latest_skin_url/img/no-image.gif";
$list[$i][file] =get_file($bo_table, $list[$i][wr_id]);
$imagepath = $list[$i][file][0][path]."/".$list[$i][file][0][file];
?>
<?if(strlen($list[$i][wr_link1]) > 0){?><a href="<?=set_http($list[$i][wr_link1])?>"><?}?>
<img src="<?=$imagepath?>" alt="<?=$list[$i][wr_subject]?>" style='width:<?=$options[0]?>px;height:<?=$options[1]?>px;'>
<?if(strlen($list[$i][wr_link1]) > 0){?></a><?}?>
<?}?>
<a href="#" style="position:absolute;top:<?=(($options[1]/2)-11)?>px;z-index:999;left:20px;" class="slidesjs-previous slidesjs-navigation" ><img src="<?=$latest_skin_url?>/img//btn_prev.png" alt=""></a>
<a href="#" style="position:absolute;top:<?=(($options[1]/2)-11)?>px;z-index:999;right:20px;" class="slidesjs-next slidesjs-navigation" ><img src="<?=$latest_skin_url?>/img/btn_next.png" alt=""></a>
</div>
</div>
<script src="<?=$latest_skin_url?>/js/jquery.slides.min.js"></script>
<script>
$(function() {
$('#slides<?=$bo_table?>').slidesjs({
width: <?=$options[0]?>,
height: <?=$options[1]?>,
navigation: false,
pagination: false,
play: {
active: false,
// [boolean] Generate the play and stop buttons.
// You cannot use your own buttons. Sorry.
effect: "slide",
// [string] Can be either "slide" or "fade".
interval: 4000,
// [number] Time spent on each slide in milliseconds.
auto: true,
// [boolean] Start playing the slideshow on load.
swap: true,
// [boolean] show/hide stop and play buttons
pauseOnHover: false,
// [boolean] pause a playing slideshow on hover
restartDelay: 2500
// [number] restart delay on inactive slideshow
}
});
});
</script>
답변 1
굳이 바꾸시려면
<script src="<?=$latest_skin_url?>/js/jquery.slides.min.js"></script>
해당 파일에서 관련 내용을 수정하셔야 합니다.