이미지 가로세로 100% 설정

이미지 가로세로 100% 설정

QA

이미지 가로세로 100% 설정

답변 1

본문

http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=3343&sfl=wr_subject%7C%7Cwr_content&stx=%EB%A1%A4%EB%A7%81&page=2

 

회원님 스킨을 사용하고 있습니다.

아래 옵션값을 통해서..

$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>​

 

http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=3343&sfl=wr_subject%7C%7Cwr_content&stx=%EB%A1%A4%EB%A7%81&page=2

이 질문에 댓글 쓰기 :

답변 1

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