고수님들 질문좀드리겠습니다. 채택완료

8년 전 조회 10,614

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

mapicon1 이라는 부분이있는데요  

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

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

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); $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'])) ?>&nbsp;</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>

답변 1개

채택된 답변
+20 포인트

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

onclick를 onmouseover 로 변경해보세요

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

답변에 대한 댓글 1개

아뇨 처음들어갈떄 부터 on 효과를 주고싶습니다

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

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

로그인
🐛 버그신고