고수님들 질문좀드리겠습니다.

현재접속자 최신글 매뉴얼 FAQ
그누보드5
그누보드6
가이드
포럼
  • Q&A
  • 파이써니스타
  • 이슈
  • 버그신고
  • 사용후기
    • 자료실
  • 다운로드
  • 팁자료실
  • 스킨
  • 테마
  • 플러그인
    • Q & A
    궁금한 게 있으신가요? 지금 질문해보세요!
    솔루션
    프로그래밍
    서버
    사이트운영
    컨텐츠몰
    나의 재능을 팔아보세요!
    부가서비스
    프로모션! 신용카드 결제수수료 2.9%
    제작의뢰
    커뮤니티
    커뮤니티
    소모임
    스터디
    강좌
    기타
    고수님들 질문좀드리겠습니다.

    QA

    고수님들 질문좀드리겠습니다.

    본문

    예쩐에 제가 가지고 있던 스킨인데요 오랜만에 할려니 기억이 안나서요 ㅠㅠ;

    mapicon1 이라는 부분이있는데요  

    클릭을 해야 숨겨져있는내용이 나오는부분인데요

    클릭 안하고도 나오게 할려면 어떻게 해야하죠 ㅠㅠ?

     

    
<?php
if (!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);
 
$que = sql_query("select * from hospital_category");
while($row = sql_fetch_array($que)){
	$hCate[$row['seq']] = $row['category'];
}
?>
 
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
 
<style>
#container { padding-bottom:0; }
#bo_v { margin-bottom:0; padding-bottom:0; }
#bo_v .detailBanner{width:100%; margin:0 auto; position:relative;}
#bo_v .detailBanner .dBArea{width:100%; margin:0 auto; position:relative;}
 
#bo_v .detailBanner .dBArea .imgArea{ width:100%; overflow:hidden; height:260px; }
#bo_v .detailBanner .dBArea .imgArea img { float:left; position:absolute; top:0; left:100%;  width:100%;height:260px;}
 
#bo_v .detailBanner .dBArea .banner_prev{position:absolute; top:110px; left:8px; z-index:11;}
#bo_v .detailBanner .dBArea .banner_prev a{display:block; text-decoration:none;}
#bo_v .detailBanner .dBArea .banner_next{position:absolute; top:110px; right:8px; z-index:11;}
#bo_v .detailBanner .dBArea .banner_next a{display:block; text-decoration:none;}
 
 /*지도버튼*/
 #bo_v header { position:relative; }
#bo_v header .mapicon{ margin:0; padding:0; position:absolute; bottom:10px; right:10px; list-style:none; overflow:hidden; z-index:9998;}
#bo_v header .mapicon li{width:3.5em; height:3.5em; margin-left:5px; float:left;}
#bo_v header .mapicon .mapicon1 a{width:3.5em; height:3.5em; display:block; background:url('/img/mapicon1.png'); background-size:100%;}
#bo_v header .mapicon .mapicon1 a.mapOn{background:url('/img/mapicon1_on.png'); background-size:100%;}
#bo_v header .mapicon .mapicon2 a{width:3.5em; height:3.5em; display:block; background:url('/img/mapicon2.png'); background-size:100%;}
#bo_v header .mapicon .mapicon2 a.roadOn{background:url('/img/mapicon2_on.png'); background-size:100%;}
#bo_v header .mapicon .mapicon3 a{width:3.5em; height:3.5em; display:block; background:url('/img/mapicon3.png'); background-size:100%;}
#bo_v header .mapicon .mapicon3 a.videoOn{background:url('/img/mapicon3_on.png'); background-size:100%;}
 
#bo_v header #map { width:100%; position:absolute; top:0; left:0; background:#fff; display:none; z-index: 12;}
#bo_v header #road { width:100%; position:absolute !important; top:0; left:0; background:#fff; display:none; z-index: 12;}
#bo_v header #video { width:100%; position:absolute; top:0; left:0; display:none; background:#000000; z-index: 12;}
 
#bo_v section { border-bottom:1px solid #c4c4c4; border-top:1px solid #c4c4c4; padding:0; overflow:hidden;}
#bo_v section .thumb { float:left; border-right:1px solid #c4c4c4; width:20%; }
#bo_v section .info { float:left; margin-left:10px; padding-top:10px;}
#bo_v section .info .category { background:#45619D; padding:2px 5px; color:#fff; border-radius:0.5em; font-weight:bold; }
#bo_v section .info .subject { padding-top:10px; font-size:1.5em; }
#bo_v section .info .subject .subName{ border:1px solid #909090; border-radius:5px; font-size:0.7em; margin-left:5px; padding:0px 3px; color:#909090; }
#bo_v section .info .location { color:#999;  padding-bottom:4px; }
 
#bo_v .tabMenu ul { margin:0; padding:0; list-style:none; overflow:hidden; border-bottom:1px solid #c4c4c4; }
#bo_v .tabMenu ul li { height:3em; line-height:3.2em; float:left; width:23%; margin:0 1%; text-align:center; color:#999; border-bottom:2px solid #fff; font-size:1.2em; font-weight:bold; }
#bo_v .tabMenu ul li.on { border-bottom:2px solid #45619D; color:#45619D; }
 
#bo_v .subContent h3 { border-bottom:2px solid #444; line-height:1.7em; font-size:1.2em; color:#111; padding-top:0.5em; }
#bo_v .subContent table { width:100%; }
#bo_v .subContent table th { width:15%; text-align:left; color:#666; font-weight:normal; height:2em; }
#bo_v .subContent table td { color:#333; font-weight:bold; }
 
#bo_v .subContent table.four th { width:15%; text-align:left; color:#666; font-weight:normal; height:2em; }
#bo_v .subContent table.four td { width:35%; color:#333; font-weight:bold; }
 
#bo_v .hospitalInfo { padding:2em 1em; padding-top:0; background:#f5f6f7; }
#bo_v .hospitalInfo .intro { width:100%; }
 
#bo_v .hospitalInfo .realstoryArea { background:#fff; margin:0 10px; margin-top:20px; border:1px solid #d2d2d2; border-radius:0.8em; overflow:hidden; padding-bottom:10px; }
#bo_v .hospitalInfo .realstoryArea p.title{ line-height:3em; font-size:1.2em; font-weight:bold; margin:0 10px }
#bo_v .hospitalInfo .realstoryArea p.title span { float:right; }
#bo_v .hospitalInfo .realstoryArea .list { margin:0 10px;}
#bo_v .hospitalInfo .realstoryArea .list > div { width:48.5%; }
#bo_v .hospitalInfo .realstoryArea .list > div.left { float:left; }
#bo_v .hospitalInfo .realstoryArea .list > div.right { float:right; }
#bo_v .hospitalInfo .realstoryArea .list p { margin-top:10px; font-size:1.2em; line-height:1.3em;}
 
.image_view_list_wrap { width:100%;position:relative;} 
.image_view_list_title {width:100%; height: 45px; background:#73B1C6;  }
.image_view_list_title p { font-size:17px; font-weight:bold;color: #fff;    padding-top: 11px;padding-left: 10px;  }
.image_view_list_img { width:100%; height:270px;  }
.image_view_list_Contents {float:left;width:100%;  padding-bottom:70px;  background:#EAE9E9; }
.image_view_list_Contents_box { width:90%;padding-bottom:15px;  background:#fff;margin:0 auto; margin-top:13px;  -webkit-box-shadow: 0 1px 2px 0 #ccc;box-shadow: 0 1px 2px 0 #ccc;  }
.image_view_list_Contents_box_box { width:90%;margin:0 auto; }
.image_view_list_Contents_box_box b {float:left; font-size:14px; color: #73B1C6; font-weight:bold; margin-top:13px;}
.image_view_list_Contents_box_box span {float:left; font-size:12px; color: #75777C;  margin-top:13px; }
 .image_view_list_Contents_box_box ul { padding-top: 50px;margin-left:-22px; list-style:none;   }
 .image_view_list_Contents_box_box li {font-size:12px; margin-bottom:9px; margin-left:-19px; }
.image_view_list_Contents_box_box p { float:left; font-size:12px; width:55px;  font-weight:bold;  color: #FA7355; padding-right: 10px; }
 
.bar_banner {width:100%;} 
  #ft {margin-bottom: 48px;}
iframe { width:100% !important; }
 
.bo_v_com {width:130px; list-style:none;} 
.bo_v_com li {float:left; float:left;} 
</style>
 
<script>
$(document).ready(function(){
	var imgHeight = $("#bo_v ").eq(0).height();
	$("#bo_v  .imgArea img").eq(0).css("left","0px");
	$("#bo_v  .imgArea").height(imgHeight);
	$("header #map").height(imgHeight);
	$("header #road").height(imgHeight);
	$("header #video").height(imgHeight);
	$("header #video .videoArea").height(imgHeight);
	$("header #video .videoArea iframe").height(imgHeight);
 
	$("#bo_v .tabMenu li").click(function(){
		var myNum = $(this).index();
		$("#bo_v .tabMenu li").removeClass("on");
		$(this).addClass("on");
 
		$("#bo_v .subContent").hide();
		$("#bo_v .subContent").eq(myNum).show();
	})
 
	<?if($tab == "reply"){?>
	$("#bo_v .tabMenu ul li").eq(3).trigger("click");
	<? } ?>
})
 
function changeView(mode){
	$("#bo_v header .mapicon .mapicon1 a").removeClass("mapOn");
	$("#bo_v header .mapicon .mapicon2 a").removeClass("roadOn");
 	if(mode == "map"){
		if($("#bo_v header #map").css('display') == 'block'){
			$("#bo_v header #map").hide().html();
			$("#bo_v header .mapicon .mapicon1 a").removeClass("mapOn");
			return false;
		}
		$("#bo_v header .mapicon .mapicon1 a").addClass("mapOn");
		$("#bo_v header #road").hide().html('');
		$("#bo_v header #video").hide();
		$("#bo_v header #map").show();
		map.init('map', '<? echo $view['zoom']; ?>', '<? echo $view['lat']; ?>', '<? echo $view['lng']; ?>');
		// 지도를 클릭한 위치에 표출할 마커입니다
 
		var position = new daum.maps.LatLng(<? echo $view['lat']; ?>, <? echo $view['lng']; ?>);
		var dImageSize = new daum.maps.Size(30, 30);
		var dImage = new daum.maps.MarkerImage("/data/category/<? echo $view['ca_name']; ?>.jpg", dImageSize);
		var	marker = new daum.maps.Marker({
				position:position,
				image : dImage
			})
		marker.setMap(dMap);
 
	}else if(mode == "road"){
		if($("#bo_v header #road").css('display') == 'block'){
			$("#bo_v header #road").hide().html();
			return false;
		}
		$("#bo_v header .mapicon .mapicon2 a").addClass("roadOn");
		$("#bo_v header #map").hide().html('');
		$("#bo_v header #video").hide();
		$("#bo_v header #road").show();
		map.road('road', "<? echo $view['rLat']; ?>", "<? echo $view['rLng']; ?>");
		var p = new daum.maps.LatLng(<? echo $view['rLat']; ?>, <? echo $view['rLng']; ?>);
		dRoad.setPanoId(<?=$view['roadPanoid']?>,p);
		dRoad.setViewpoint({ pan: <?=$view['roadPan']?>, tilt: <?=$view['roadTilt']?>, zoom: <?=$view['roadZoom']?> });
	}else if(mode == "video"){
		if($("#bo_v header #video").css('display') == 'block'){
			$("#bo_v header #video").hide();
			return false;
		}
		$("#bo_v header .mapicon .mapicon3 a").addClass("videoOn");
		$("#bo_v header #map").hide().html('');
		$("#bo_v header #road").hide().html('');
		$("#bo_v header #video").show();
	}
}
 
 
 
var recoNum = 0;
var recoTime = null;
var recoAnimate = false;
 
 
function hSlideRight(num){
	var recoLen = $("#bo_v .detailBanner .dBArea .imgArea > img").length;
	if(recoAnimate == true || recoLen == 1){ return false; }
	recoAnimate = true;
 
	clearTimeout(recoTime);
 
	if(!num){
		num = recoNum + 1;
	}
 
	if(num >= recoLen){
		num = 0;
	}
 
	$("#bo_v  ").eq(recoNum).animate({
		"left" : "-100%"
	},1000);
 
	$("#bo_v  ").eq(num).animate({
		"left" : "0%"
	}, 1000, function(){
		$("#bo_v  ").eq(recoNum).css("left","100%");
		recoNum = num;
		recoAnimate = false;
	});
 
 
}
 
function hSlideLeft(num){
	var recoLen = $("#bo_v ").length;
	if(recoAnimate == true || recoLen == 1){ return false; }
	recoAnimate = true;
	clearTimeout(recoTime);
 
	if(!num){
		num = recoNum - 1;
	}
 
	if(num < 0){
		num = recoLen - 1;
	}
	$("#bo_v ").eq(num).css("left","-100%");
 
	$("#bo_v  ").eq(recoNum).animate({
		"left" : "100%"
	},1000);
 
	$("#bo_v  ").eq(num).animate({
		"left" : "0%"
	}, 1000, function(){
		recoNum = num;
		recoAnimate = false;
	});
 
 
}
 
</script>
 <div class="image_view_list_wrap">
   <div class="image_view_list_title">
   <p><? echo $view['wr_subject']?><? if($view['wr_sub_name']){?><span class="subName"><?=$view['wr_sub_name']?></span><? } ?></p>
   </div>
    <div class="image_view_list_img">
<article id="bo_v" style="width:<?php echo $width; ?>">
    <header>
        <div class="detailBanner">
	        <div class="dBArea">
				<div class="imgArea">
					<?
 
					$v_img_count = count($view['file']);
					if($v_img_count) {
			            for ($i=0; $i < count($view['file']); $i++) {
			                if ($view['file'][$i]['view']) {
			                    //echo $view['file'][$i]['view'];
			                    //echo get_view_thumbnail($view['file'][$i]['view'],720);
			                    $tmpFile = thumbnail($view['file'][$i]['file'], G5_PATH."/data/file/hospital/", G5_PATH."/data/file/hospital/",  540, 460, false);
			                    echo "<img src=/data/file/hospital/".$tmpFile." width='100%'height='270px'>";
			                }
			            }
			        }
			        ?>
 
				</div>
				<div class="banner_prev">
					<a href="javascript:;" onclick="hSlideLeft();">
						<img src="/img/hiBanner_prev.png" alt="이전"/>
					</a>
				</div>
				<div class="banner_next">
					<a href="javascript:;" onclick="hSlideRight();">
						<img src="/img/hiBanner_next.png" alt="다음"/>
					</a>
				</div>
 
			</div>
        </div>
        <div id="map">
        </div>
        <div id="road">
        </div>
        <div id="video">
	         
        </div>
        <!--지도버튼시작-->
		<ul class="mapicon">
			<li class="mapicon1">
				<a href="javascript:;" onclick="changeView('map')"></a>
			</li>
			<li class="mapicon2">
				<a href="javascript:;" onclick="changeView('road')"></a>
			</li>
			 
		</ul>
    </header>
 </div>
 <div class="image_view_list_Contents">
 <div class="image_view_list_Contents_box">
  <div class="image_view_list_Contents_box_box">
<b><? echo $view ['wr_name']; ?> </b><span>&nbsp님이공유한&nbsp</span><b><? echo $hCate[$view['ca_name']]?></b><span>&nbsp입니다</span>
 
<ul>
<li><p>날짜 :</p><?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?> </li>
 
<li><p>내용 :</p><?php echo get_view_thumbnail($view['content']); ?></li>
 
</ul>
  <div class="bo_v_com">
  <ul>
 <?php if ($update_href) { ?><li style="margin-left:9px;"><a href="<?php echo $update_href ?>" class="btn_b01">수정</a></li><?php } ?>  
       <?php if ($delete_href) { ?><li style="margin-left:9px;"><a href="<?php echo $delete_href ?>" class="btn_b01" onclick="del(this.href); return false;">삭제</a></li><?php } ?> 
 </ul>
 </div>
 
 
 
 
 
 
 
 
	</div>
 
  </div> 
   <?php
    // 코멘트 입출력
    include_once('./view_comment.php');
     ?>
   
 </div>
 </div>
 
 </div>
 
 
 
<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>

 
    #그누보드5

    이 질문에 댓글 쓰기 :

    답변 1

    블랙캣77 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

    211.♡.♡.95

    질문이 마우스를 가져갔을때 지도가 나오게 하실려는거면

     

    onclick를 onmouseover 로 변경해보세요

    답변을 작성하시기 전에 로그인 해주세요.
    전체 354
    QA 내용 검색

    회원로그인

    인기태그
    #그누보드5(59685) #영카트5(16799) #php(15008) #그누보드4(10635) #게시판(3159) #javascript(2636) #그누보드(2347) #css(2047) #mysql(1510) #모바일(1271) #영카트(1270) #그누커머스(1178) #html(1101) #jquery(1013) #자바스크립트(936) #최신글(934) #DB(821) #로그인(794) #이미지(762) #여분필드(737)
    (주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
    사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
    © SIRSOFT