채택완료

모바일에서 이미지...

2016-04-06 (수) 03:05:37 5,857

덕분에 여기저기맨땅에 헤이딩하면...사이트 만들어가고있습니당...

그런데...

pc버젼에서의 내용을 모바일에서 나타내려면.......당췌 어딜 봐야할지 모르겠습니다.

basic모바일을 보고 여기저기 해봤는데...

잘안되네요...ㅠ.ㅠ

http://torige.com/bbs/board.php?bo_table=room19gallery2&wr_id=4 

Copy
<?phpif (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가include_once(G5_LIB_PATH.'/thumbnail.lib.php'); // add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0); include_once(G5_PLUGIN_PATH.'/wz.booking.pension/config.php');add_stylesheet('<link rel="stylesheet" href="'.WZP_PLUGIN_URL.'/style'.(G5_IS_MOBILE ? '_mobile' : '').'.css">', 0);?> <script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script> <!-- 게시물 읽기 시작 { --><div id="bo_v_table"><?php echo $board['bo_subject']; ?></div> <article id="bo_v" style="width:<?php echo $width; ?>">    <header>        <h1 id="bo_v_title">            <?php            if ($category_name) echo $view['ca_name'].' | '; // 분류 출력 끝            echo cut_str(get_text($view['wr_subject']), 70); // 글제목 출력            ?>        </h1>    </header>     <section id="bo_v_info">        <h2>페이지 정보</h2>        작성자 <strong><?php echo $view['name'] ?><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></strong>        <span class="sound_only">작성일</span><strong><?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></strong>        조회<strong><?php echo number_format($view['wr_hit']) ?>회</strong>        댓글<strong><?php echo number_format($view['wr_comment']) ?>건</strong>    </section>     <?php    if ($view['file']['count']) {        $cnt = 0;        for ($i=0; $i<count($view['file']); $i++) {            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view'])                $cnt++;        }    }     ?>     <?php if($cnt) { ?>    <!-- 첨부파일 시작 { -->    <section id="bo_v_file">        <h2>첨부파일</h2>        <ul>        <?php        // 가변 파일        for ($i=0; $i<count($view['file']); $i++) {            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {         ?>            <li>                <a href="<?php echo $view['file'][$i]['href'];  ?>" class="view_file_download">                    <img src="<?php echo $board_skin_url ?>/img/icon_file.gif" alt="첨부">                    <strong><?php echo $view['file'][$i]['source'] ?></strong>                    <?php echo $view['file'][$i]['content'] ?> (<?php echo $view['file'][$i]['size'] ?>)                </a>                <span class="bo_v_file_cnt"><?php echo $view['file'][$i]['download'] ?>회 다운로드</span>                <span>DATE : <?php echo $view['file'][$i]['datetime'] ?></span>            </li>        <?php            }        }         ?>        </ul>    </section>    <!-- } 첨부파일 끝 -->    <?php } ?>     <?php    if ($view['link']) {    ?>     <!-- 관련링크 시작 { -->    <section id="bo_v_link">        <h2>관련링크</h2>        <ul>        <?php        // 링크        $cnt = 0;        for ($i=1; $i<=count($view['link']); $i++) {            if ($view['link'][$i]) {                $cnt++;                $link = cut_str($view['link'][$i], 70);         ?>            <li>                <a href="<?php echo $view['link_href'][$i] ?>" target="_blank">                    <img src="<?php echo $board_skin_url ?>/img/icon_link.gif" alt="관련링크">                    <strong><?php echo $link ?></strong>                </a>                <span class="bo_v_link_cnt"><?php echo $view['link_hit'][$i] ?>회 연결</span>            </li>        <?php            }        }         ?>        </ul>    </section>    <!-- } 관련링크 끝 -->    <?php } ?>     <!-- 게시물 상단 버튼 시작 { -->    <div id="bo_v_top">        <?php        ob_start();         ?>        <?php if ($prev_href || $next_href) { ?>        <ul class="bo_v_nb">            <?php if ($prev_href) { ?><li><a href="<?php echo $prev_href ?>" class="btn_b01">이전글</a></li><?php } ?>            <?php if ($next_href) { ?><li><a href="<?php echo $next_href ?>" class="btn_b01">다음글</a></li><?php } ?>        </ul>        <?php } ?>         <ul class="bo_v_com">            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01">수정</a></li><?php } ?>            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01" onclick="del(this.href); return false;">삭제</a></li><?php } ?>            <?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" class="btn_admin" onclick="board_move(this.href); return false;">복사</a></li><?php } ?>            <?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" class="btn_admin" onclick="board_move(this.href); return false;">이동</a></li><?php } ?>            <?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>" class="btn_b01">검색</a></li><?php } ?>            <li><a href="<?php echo $list_href ?>" class="btn_b01">목록</a></li>            <?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01">답변</a></li><?php } ?>            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>        </ul>        <?php        $link_buttons = ob_get_contents();        ob_end_flush();         ?>    </div>    <!-- } 게시물 상단 버튼 끝 --><script>  function chgImg( imgname, dnimgname, imgdesc ) {    var LureExp = /<br>/gi;    document.gallery_img.src=imgname;      }</script> <div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div> <section id="bo_v_atc"> <?phpfor ($i=0; $i<=10; $i++) {             $image[$i] = G5_URL."/data/file/$bo_table/".$view[file][$i][file];        }?> <table width="600" height="280" border="0" align="center" style="table-layout:fixed">  <tr class="thumb">    <td colspan="5" class="photo">    <!-- 상단 큰이미지-->    <div style="width: 100%; height: 440px; line-height: 100px; text-align: center">    <?php if ($view[file][0][view])  {?>        <img src="<?php echo $image[0]?>" name=gallery_img width="100%" height="180" border=0 value=0>    <?php }  ?>    </div>    </td>  </tr>  <tr>    <td>        <?php if ($view[file][0][file]) {?><a href=# <?php echo "onMouseOver=\"chgImg( '".$image[0]."','".$image[0]."','".ereg_replace("(\r\n|\n|\r)", "<br>", strip_tags($content) )."' );\"" ?>> <img src="<?php echo $image[0]?>" width="120" height="50" align="absmiddle" border="0"></a><?php }?>    </td>    <td>    <?php if ($view[file][1][file]) {?><a href=# <?php echo "onMouseOver=\"chgImg( '".$image[1]."','".$image[1]."','".ereg_replace("(\r\n|\n|\r)", "<br>", strip_tags($content) )."' );\"" ?>> <img src="<?php echo $image[1]?>" width="120" height="50" align="absmiddle" border="0"></a><?php }?>    </td>    <td>        <?php if ($view[file][2][file]) {?><a href=# <?php echo "onMouseOver=\"chgImg( '".$image[2]."','".$image[2]."','".ereg_replace("(\r\n|\n|\r)", "<br>", strip_tags($content) )."' );\"" ?>> <img src="<?php echo $image[2]?>" width="120" height="50" align="absmiddle" border="0"></a><?php }?>    </td>    <td>        <?php if ($view[file][3][file]) {?><a href=# <?php echo "onMouseOver=\"chgImg( '".$image[3]."','".$image[3]."','".ereg_replace("(\r\n|\n|\r)", "<br>", strip_tags($content) )."' );\"" ?>> <img src="<?php echo $image[3]?>" width="120" height="50" align="absmiddle" border="0"></a><?php }?>    </td>    <td>        <?php if ($view[file][4][file]) {?><a href=# <?php echo "onMouseOver=\"chgImg( '".$image[4]."','".$image[4]."','".ereg_replace("(\r\n|\n|\r)", "<br>", strip_tags($content) )."' );\"" ?>> <img src="<?php echo $image[4]?>" width="117" height="50" align="absmiddle" border="0"></a><?php }?>    </td>  </tr></table><!-- //상단 큰이미지--><br /><!-- 하단 썸네일-->     <section id="bo_v_atc">        <h2 id="bo_v_atc_title">본문</h2>                  <!-- 본문 내용 시작 { -->                <?php//echo $view['rich_content']; // {이미지:0} 과 같은 코드를 사용할 경우 ?>        <!-- } 본문 내용 끝 --><table border="1" cellpadding="0" cellspacing="0" style="border-color:#ccc;" id="m_font">    <tr align="center">        <td colspan="2" bgcolor="#ccc" width="700"><b>* 시 설 정 보 *</b></td>    </tr></table> <table border="0" cellpadding="0" cellspacing="0">    <tr>        <td colspan="7" height="5"></td>    </tr>    <tr>        <td width="130"  align="center"><b>룸정보</b></td>        <td width="96">        <?php            $w_option = explode("|", $write[wr_8]);                     ?>        <?php if($w_option[0]){?>            <img src="<?php echo $board_skin_url?>/img/check_on.gif" align="absmiddle">1인실(독방)        <?php }else{?>            <img src="<?php echo $board_skin_url?>/img/check_off.gif" align="absmiddle">1인실(독방)              <?php }?>        </td>        <td width="96">        <?php if($w_option[1]){?>            <img src="<?php echo $board_skin_url?>/img/check_on.gif" align="absmiddle">2인실(독방)        <?php }else{?>            <img src="<?php echo $board_skin_url?>/img/check_off.gif" align="absmiddle">2인실(독방)               <?php }?>        </td>        <td width="96">        <?php if($w_option[2]){?>            <img src="<?php echo $board_skin_url?>/img/check_on.gif" align="absmiddle">&nbsp;가족룸        <?php }else{?>            <img src="<?php echo $board_skin_url?>/img/check_off.gif" align="absmiddle">&nbsp;가족룸              <?php }?>        </td>        <td width="96">        <?php if($w_option[3]){?>            <img src="<?php echo $board_skin_url?>/img/check_on.gif" align="absmiddle">&nbsp;토미토리        <?php }else{?>            <img src="<?php echo $board_skin_url?>/img/check_off.gif" align="absmiddle">&nbsp;토미토리             <?php }?>        </td>        <td width="96">        <?php if($w_option[4]){?>            <img src="<?php echo $board_skin_url?>/img/check_on.gif" align="absmiddle">&nbsp;샤워룸        <?php }else{?>            <img src="<?php echo $board_skin_url?>/img/check_off.gif" align="absmiddle">&nbsp;샤워룸                <?php }?>        </td>        <td width="96">        <?php if($w_option[5]){?>            <img src="<?php echo $board_skin_url?>/img/check_on.gif" align="absmiddle">&nbsp;응접실        <?php }else{?>            <img src="<?php echo $board_skin_url?>/img/check_off.gif" align="absmiddle">&nbsp;응접실                <?php }?>        </td>    </tr>      <tr>        <td colspan="7" height="5"></td>    </tr>     <tr>        <td bgcolor="orange" colspan="7" height="2"></td>    </tr>     <tr>        <td colspan="7" height="5"></td>    </tr></table>          <?php if ($is_signature) { ?><p><?php echo $signature ?></p><?php } ?>         <!-- 스크랩 추천 비추천 시작 { -->        <?php if ($scrap_href || $good_href || $nogood_href) { ?>        <div id="bo_v_act">                        <?php if ($good_href) { ?>            <span class="bo_v_act_gng">                <a href="<?php echo $good_href.'&amp;'.$qstr ?>" id="good_button" class="btn_b01">추천 <strong><?php echo number_format($view['wr_good']) ?></strong></a>                <b id="bo_v_act_good"></b>            </span>            <?php } ?>            <?php if ($nogood_href) { ?>            <span class="bo_v_act_gng">                <a href="<?php echo $nogood_href.'&amp;'.$qstr ?>" id="nogood_button" class="btn_b01">비추천  <strong><?php echo number_format($view['wr_nogood']) ?></strong></a>                <b id="bo_v_act_nogood"></b>            </span>            <?php } ?>        </div>        <?php } else {            if($board['bo_use_good'] || $board['bo_use_nogood']) {        ?>        <div id="bo_v_act">            <?php if($board['bo_use_good']) { ?><span>추천 <strong><?php echo number_format($view['wr_good']) ?></strong></span><?php } ?>            <?php if($board['bo_use_nogood']) { ?><span>비추천 <strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>        </div>        <?php            }        }        ?>        <!-- } 스크랩 추천 비추천 끝 -->    </section>     <?php    include_once(G5_SNS_PATH."/view.sns.skin.php");    ?>     <?php    // 코멘트 입출력    //include_once(G5_BBS_PATH.'/view_comment.php');     ?>     <!-- 링크 버튼 시작 { -->    <div id="bo_v_bot">        <?php echo $link_buttons ?>    </div>    <!-- } 링크 버튼 끝 --> </article><!-- } 게시판 읽기 끝 --> <script><?php if ($board['bo_download_point'] < 0) { ?>$(function() {    $("a.view_file_download").click(function() {        if(!g5_is_member) {            alert("다운로드 권한이 없습니다.\n회원이시라면 로그인 후 이용해 보십시오.");            return false;        }         var msg = "파일을 다운로드 하시면 포인트가 차감(<?php echo number_format($board['bo_download_point']) ?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?";         if(confirm(msg)) {            var href = $(this).attr("href")+"&js=on";            $(this).attr("href", href);             return true;        } else {            return false;        }    });});<?php } ?>  function board_move(href){    window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");}</script> <script>$(function() {    $("a.view_image").click(function() {        window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");        return false;    });     // 추천, 비추천    $("#good_button, #nogood_button").click(function() {        var $tx;        if(this.id == "good_button")            $tx = $("#bo_v_act_good");        else            $tx = $("#bo_v_act_nogood");         excute_good(this.href, $(this), $tx);        return false;    });     // 이미지 리사이즈    $("#bo_v_atc").viewimageresize();}); function excute_good(href, $el, $tx){    $.post(        href,        { js: "on" },        function(data) {            if(data.error) {                alert(data.error);                return false;            }             if(data.count) {                $el.find("strong").text(number_format(String(data.count)));                if($tx.attr("id").search("nogood") > -1) {                    $tx.text("이 글을 비추천하셨습니다.");                    $tx.fadeIn(200).delay(2500).fadeOut(200);                } else {                    $tx.text("이 글을 추천하셨습니다.");                    $tx.fadeIn(200).delay(2500).fadeOut(200);                }            }        }, "json"    );}</script><!-- } 게시글 읽기 끝 -->

이코드가 pc버젼인데 모바일에서 그데로 보이게하려면 어디부터봐야할지...

조언 부탁드립니다...

|

답변 1개

채택된 답변
+20 포인트
2016-04-06 (수) 09:27:38

모바일에서 이미지는 일단 pc에서 모바일 버젼으로 들어가서 확인을 해봐야겠지요

보통 이미지 같은경우 width:100% 를 해주면 화면에 딱 맞으면서 화면이 변할때마다 자연스럽게 커졌다 작아졌다 하기는 합니다

답변을 작성하려면 로그인이 필요합니다.