슬라이드 크기조절!! (롤이슈 설치!)

슬라이드 크기조절!! (롤이슈 설치!)

QA

슬라이드 크기조절!! (롤이슈 설치!)

답변 2

본문

78ef1b0e7b3702d3d7eee801be1b562c_1490683325_9969.jpg
 

안녕하세요 

눈팅만 하다 염치 불구하고.. 질문글 올려봅니다.

제가 메인 페이지 가운데에 커다란 슬라이드를 하나 걸고 싶어서

이틀만에 겨우 롤이슈 라는 슬라이드를 받아서 설치 하였습니다.

그런데 위 스크린샷 처럼 도대체 어디를 만져도 크기가 조절이 안되서..

어떤 부분을 수정해야 하는지 몰라 글올려 봅니다.

 

latest.skin.php 에서 수정을 해야 하는지

<?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/css/style.css">', 0);

add_javascript('<script src="'.$latest_skin_url.'/js/rollissue.js"></script>',100); //우선순위를 100으로 두는 이유는 Jquery다음으로 나와야함.

include_once(G5_LIB_PATH.'/thumbnail.lib.php');

$thumb_width = 558;

$thumb_height = 300;

function roll_strcut_utf8($str, $len, $checkmb=false, $tail='...') {

    preg_match_all('/[\xEA-\xED][\x80-\xFF]{2}|./', $str, $match);

    $m    = $match[0];

    $slen = strlen($str);  // length of source string

    $tlen = strlen($tail); // length of tail string

    $mlen = count($m); // length of matched characters

    if ($slen <= $len) return $str;

    if (!$checkmb && $mlen <= $len) return $str;

    $ret   = array();

    $count = 0;

    for ($i=0; $i < $len; $i++) {

        $count += ($checkmb && strlen($m[$i]) > 1)?2:1;

        if ($count + $tlen > $len) break;

        $ret[] = $m[$i];

    }

    return join('', $ret).$tail;

}

 

?>

<div id="roll_issue">

  <div class="roll_issue_left">

    <div class="roll_tc">

      <?php

for ($i=0; $i<6; $i++) {

$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height);

if($thumb['src']) {

$thumb_url = $thumb['src'];

} else {

$thumb_url = $latest_skin_url."/img/noimg.jpg";

}

$num = $i+1;

?>

      <div class="roll_issue_left_img roll_issue_img0<?php echo $num;?>">

<a href="<?php echo $list[$i]['href'];?>">

        <img class="roll_resizeimg" src="<?php echo $thumb_url?>"/>

        <div class="roll_issue_left_img_bottom">

            <span class="roll_issue_left_img_bottom_title"><?php echo roll_strcut_utf8($list[$i]['subject'],60,'...');?></span>

<?

            if (isset($list[$i]['icon_new'])) echo " " . $list[$i]['icon_new'];

            if (isset($list[$i]['icon_hot'])) echo " " . $list[$i]['icon_hot'];

            if (isset($list[$i]['icon_file'])) echo " " . $list[$i]['icon_file'];

            if (isset($list[$i]['icon_link'])) echo " " . $list[$i]['icon_link'];

            if (isset($list[$i]['icon_secret'])) echo " " . $list[$i]['icon_secret'];

             ?>

        </div>

        </a>

      </div>

      <? } ?>

    </div>

  </div>

  <!-- <div class="roll_issue_right">

    <?php 

      for ($i=0; $i<6; $i++) {

      $num = $i + 1;

      $object_top = $i*-300;

    ?>

    <div class="roll_issue_right_nav roll_issue_right_nav0<?php echo $num?>" onclick="roll_issue_change('roll_issue_right_nav0<?php echo $num?>','<?php echo $object_top?>');"> <span class="roll_issue_right_nav_title"><?php echo roll_strcut_utf8($list[$i]['subject'],30,'...');?></span><br/>

    <span style="color:white; padding-right:10px;">Hit <?=$list[$i]['wr_hit']?>  Good <?=$list[$i]['wr_good']?>  Bad <?=$list[$i]['wr_nogood']?></span>

    </div>

    <? } ?> -->

  </div>

</div>


 

 

style.css 부분을 수정해야 하는지.

 

/* Mainpage Roll */

#roll_issue:after {display:block;visibility:hidden;clear:both;content:""}

#roll_issue {

position:relative;

background: #fafafa;

height: 450px;

/* border:1px solid #333;

border-top:1px solid #333;

border-bottom:1px solid #333; */

margin: 0px;

}

.roll_issue_left {

position:absolute;

width:556px;

left:0;

top:0;

height: 300px;

overflow-y: hidden;

}

.roll_issue_left .roll_tc {

position: relative;

width: 556px;

top: 0px;

height: 1800px;

}

/* .roll_issue_left .roll_tc .roll_issue_left_img {

width: 556px;

height: 300px;

overflow: hidden;

z-index: 10;

position:relative; */

}

.roll_issue_left .roll_tc .roll_issue_left_img img {

display:inline-block;

}

.roll_issue_left .roll_tc .roll_issue_left_img .roll_issue_left_img_bottom {

cursor: pointer;

position: absolute;

bottom: 0px;

left: 0px;

padding-top:7px;

padding-bottom:7px;

width: 100%;

color: white;

background: #000;

}

 

}

.roll_issue_left .roll_tc .roll_issue_left_img .roll_issue_left_img_bottom:hover .roll_issue_left_img_bottom_title {

font-size:10.5pt;

color:white;

font-weight:600;

}

.roll_issue_left .roll_tc .roll_issue_left_img .roll_issue_left_img_bottom .roll_issue_left_img_bottom_contents {

font-size: 10pt;

font-weight: 600;

color: white;

max-width: 100%;

}

.roll_issue_right {

right:0;

width:200px;

position:absolute;

height: 300px;

color:white;

}

.roll_issue_right .roll_issue_right_nav {

width: 100%;

height: 36px;

padding-top: 7px;

padding-bottom: 6px;

margin:-1px;

margin-left:-1px;

border:1px solid #555;

cursor: pointer;

text-align: right;

position:relative;

}

 

.roll_issue_right_nav_title {

padding-right:10px;

}

 

 

도움좀 꼭좀 부탁 드리겠습니다..!!

이 질문에 댓글 쓰기 :

답변 2

$thumb_width = 558; 이부분과 width:556px; 이부분을 모두 수정해보세요~

 

답변을 작성하시기 전에 로그인 해주세요.
전체 4
© SIRSOFT
현재 페이지 제일 처음으로