고수님들 질문좀드리겠습니다. 채택완료
예쩐에 제가 가지고 있던 스킨인데요 오랜만에 할려니 기억이 안나서요 ㅠㅠ;
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> 님이공유한 </span><b><? echo $hCate[$view['ca_name']]?></b><span> 입니다</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>
답변 1개
채택된 답변
+20 포인트
블랙캣77
8년 전
질문이 마우스를 가져갔을때 지도가 나오게 하실려는거면
onclick를 onmouseover 로 변경해보세요
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인