갤러리 스킨 리스트 소스 수정 질문 드립니다.

갤러리 스킨 리스트 소스 수정 질문 드립니다.

QA

갤러리 스킨 리스트 소스 수정 질문 드립니다.

답변 2

본문

아래는 갤러리 스킨의 리스트 페이지 소스인데요.

아래 소스로는 이미지가 리스트페이지에서 썸네일이 세로로 한줄로 쭈욱 보여집니다.

이미지가 가로폭에 맞춰 한줄에 2개씩 보여질 수 있도록 수정하려면 어떻게 하면 될까요?

 

    <ul id="gall_ul" class="">
        <?php for ($i=0; $i<count($list); $i++) {
            if($i>0 && ($i % $bo_gallery_cols == 0))
                $style = 'clear:both;';
            else
                $style = '';
            if ($i == 0) $k = 0;
            $k += 1;
            if ($k % $bo_gallery_cols == 0) $style .= "margin:0 !important;";
         ?>
        <li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>" style="<?php echo $style ?>width:<?php echo $board['bo_gallery_width'] ?>px">
            <?php if ($is_checkbox) { ?>
            <label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
            <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
            <?php } ?>
            <span class="sound_only">
                <?php
                if ($wr_id == $list[$i]['wr_id'])
                    echo "<span class=\"bo_current\">열람중</span>";
                else
                    echo $list[$i]['num'];
                 ?>
            </span>
            <ul class="gall_con">
                <li class="gall_href <?php echo ($is_admin ? '' : 'popup-gallery'); ?>">
                    
                    <?php
                    $image_org = '';
                    if ($list[$i]['is_notice']) { // 공지사항
                        $img_content = '<strong style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">공지</strong>';    
                    } else {
                        $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);
                        $image_org = $thumb['ori'];
                        if($thumb['src']) {
                            $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="33%" height="'.$board['bo_gallery_height'].'">';
                        } else {
                            $img_content = '<span style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">no image</span>';
                        }
                    }
                    ?>
                    <a href="<?php echo ($is_admin ? $list[$i]['href'] : $image_org); ?>" class="<?php echo ($is_admin ? '' : 'image-popup-vertical-fit');?>" title="<?php echo $list[$i]['subject'] ?>" writer="<?php echo $list[$i]['wr_name'] ?>" date="<?php echo $list[$i]['datetime2'] ?>"><?php echo $img_content;?></a>
                </li>
                <li class="gall_text_href" style="width:<?php echo $board['bo_gallery_width'] ?>px">
                    <?php
                    // echo $list[$i]['icon_reply']; 갤러리는 reply 를 사용 안 할 것 같습니다. - 지운아빠 2013-03-04
                    if ($is_category && $list[$i]['ca_name']) {
                     ?>
                    <a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
                    <?php } ?>
                    <a href="<?php echo $list[$i]['href'] ?>">
                        <?php echo $list[$i]['subject'] ?>
                        <?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?>
                    </a>
                    <?php
                    // if ($list[$i]['link']['count']) { echo '['.$list[$i]['link']['count']}.']'; }
                    // if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }

                    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'];
                     ?>
                </li>
                <li><span class="gall_subject">작성자 </span><?php echo $list[$i]['name'] ?></li>
                <li><span class="gall_subject">작성일 </span><?php echo $list[$i]['datetime2'] ?></li>
                <li><span class="gall_subject">조회 </span><?php echo $list[$i]['wr_hit'] ?></li>
                <?php if ($is_good) { ?><li><span class="gall_subject">추천</span><strong><?php echo $list[$i]['wr_good'] ?></strong></li><?php } ?>
                <?php if ($is_nogood) { ?><li><span class="gall_subject">비추천</span><strong><?php echo $list[$i]['wr_nogood'] ?></strong></li><?php } ?>
            </ul>
        </li>
        <?php } ?>
        <?php if (count($list) == 0) { echo "<li class=\"empty_list\">게시물이 없습니다.</li>"; } ?>
    </ul>

이 질문에 댓글 쓰기 :

답변 2

기본 갤러리 스킨 기준으로 PC용 스킨은 해당 게시판 설정 > 갤러리 이미지 수 옵션에 따르고..
모바일은 해당 게시판 스킨 css 파일 이 부분에서 관리됩니다.
#bo_gall .gall_li {float:left;width:50%;padding:5px}
여기가 100%로 되어 있으면 하나만 출력되고 50% 면 두 개 출력됩니다.
기본 스킨 기준이고 스킨에 따라 차이가 있을 수 있습니다.

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