php 파일로 팝업을 띄우려고 하는데.. 채택완료
기존에 슬라이드를 이용해서 게시판에서 돌리면 잘 돌아갑니다.
이걸 메인화면에 php파일을 새로 만들어서 팝업을 띄우려고
php파일을 새로 만들어서 소스 그대로 복사후에
include_once('./_head.php'); 와
include_once('./_tail.php'); 을 지워줬더니 슬라이드가 안돌아갑니다.
테스트해보니 tail을 지웠을땐 상관없는데 head를 지웠을때 안돌아가는걸 확인하였습니다.
------------------ 팝업창을 띄울 소스입니다. head와 tail이 포함되어있는상황 ----------
include_once('./_common.php');
$group['gr_subject'] = '문화컨텐츠';
$board['bo_table'] = "sub03_01";
$board['bo_subject'] ='그림동화';
include_once('./_head.php');
?>
#container_title{display:none !Important;}
.main_slider {width:100%;position:relative;}
#bx-pager{display:none; text-align:center;width:70%; margin:auto; position:absolute; bottom:30px; left:15%; right:15%; }
#bx-pager h1 {display:inline-block; color:#fff; background:#4d6611; padding:5px 10px; font-size:25px }
#bx-pager h1{ opacity:0.5; }
#bx-pager .active h1{ opacity:1; }
.bxslider li {float:left; position:absolute; left:0;}
@media (max-width:767px) {
.main_slider > .bx-wrapper .bx-controls-direction a {display:none;}
#bx-pager {display:none; text-align:center;width:90%; margin:auto; position:absolute; bottom:5%; left:5%; right:5%; }
#bx-pager h1 {display:inline-block; color:#fff; background:#4d6611; padding:1% 2%; font-size:1em }
}
@media (max-width:567px) {
#bx-pager {display:none; text-align:center;width:90%; margin:auto; position:absolute; bottom:5%; left:5%; right:5%; }
}
$('.bxslider').bxSlider({
pagerCustom: '#bx-pager',
mode : 'fade',
controls:true,
auto: true,
autoControls: true
});
$(".main_slider").hover(function(){
$("#bx-pager").fadeIn("slow");
},function(){
$("#bx-pager").fadeOut("slow");
});
include_once('./_tail.php');
?>
답변 2개
당연히 안돌아갈수밖에요
head부분엔 그누에서 쓰는 기본 함수외에
제이쿼리 및 기본 스크립트를 로드하는데요
해당 스크립트가 로드되지 않아서 그렇습니다.
head 를 넣으시고 소스보기로 어떤 제이쿼리 플러그인이 로드되는지 확인하신 뒤에
그것만 별도로 php 파일 내에 로드해주시면됩니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인






