테스트 사이트 - 개발 중인 베타 버전입니다

모바일에서 이미지... 채택완료

元이아빠 9년 전 조회 5,733

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

그런데...

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

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

잘안되네요...ㅠ.ㅠ

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

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

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

조언 부탁드립니다...

 

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

답변 1개

채택된 답변
+20 포인트

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

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

 

로그인 후 평가할 수 있습니다

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

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

로그인