묻고답하기
불러온 외부페이지에서 css/js가 적용되질 않습니다ㅠㅠ
2011.11.17 18:05
xe : 1.5.0.8
jquery 이미지 슬라이드가 포함된 외부페이지를 하나 만들어서 xe로 불러오는부분까진 성공을 했는데,
외부페이지에서 참조하는 css랑 js파일이 먹통이네요.
css랑 js랑 불러온 html과 동일 폴더에 넣어두었는데, 어느 부분이 잘못 된건지 아래 코드 한번 확인부탁드립니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8;">
<style type="text/css">
/*A.roll img {display:block; border:0;}
A.roll img.over {display:none; border:0;}
A.roll:hover {border:0;}
A.roll:hover img {display:none; border:0;}
A.roll:hover img.over {display:block; border:0; }
body{font:12px "맑은 고딕", "나눔고딕", Verdana, sans-serif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:0px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}*/
body{font:14px "맑은 고딕", "나눔고딕", Verdana bold; padding:0 10px; border:0px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:0px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>
<link rel="stylesheet" href="colorbox.css" />
<script src="jquery.min.js"></script>
<script src="jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$(".group1").colorbox({rel:'group1'});
$(".group2").colorbox({rel:'group2', transition:"fade"});
$(".group3").colorbox({rel:'+
'group3', transition:"none", width:"75%", height:"75%"});
$(".group4").colorbox({rel:'group4', slideshow:true});
$(".ajax").colorbox();
$(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
$(".inline").colorbox({inline:true, width:"50%"});
$(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#0f0f0f", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
</script></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div style="width:200px;float:left;height:auto;">
본문내용........
</div>
</body>
</html>
태그 연관 글
- [2018/03/17] 묻고답하기 CSS ㅡ divA 안에있는 하위 divB 의 크기를 divA 보다 넓게 보이게 하려면 *2
- [2016/09/13] 묻고답하기 제목에 html, css 가능하도록 하기? *2
- [2016/06/30] 묻고답하기 xe 1.4.0버전 사용중입니다 *1
- [2016/05/20] 묻고답하기 Node.JS html로의 데이터 전송 여부 질문입니다.
- [2016/01/05] 묻고답하기 ie10, 11번전 css문제
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8;">
<link rel="stylesheet" href="colorbox.css" />
</head>
해당 경로에 css 파일 따로, js 파일 따로 저장하고 외부페이지 상단에는 위와같이 삽입해서 불러와야 하는 것 아닌가요?