묻고답하기
위젯페이지 오류 질문입니다 ! ㅠ
2012.12.03 11:00
가끔 XE 위젯페이지 사용할때에 내용직접 입력에 특정한 소스가 들어가면 위젯페이지전체 메뉴가 그 직접입력한 박스안에 들어가는 오류가 생기더라구요 ㅠㅠ배가 배꼽에 들어가버리는 그런현상.. 밑에는 제가 사용하는 배너소스인데 저 소스를 위젯페이지에서 입력하면 그런현상이 발생합니다.
어느구문이 그런 오류를 일으키는건지 잘 모르겠습니다 ㅠㅠ 도와주세요!
<script type='text/javascript' src='http://mungge1523.cafe24.com/xe/bannertest/rollingbanner/jquery-1.4.2.js'></script>
<script type="text/javascript" src="http://mungge1523.cafe24.com/xe/bannertest/rollingbanner/stepcarousel.js"></script>
<link rel=stylesheet type=text/css href="http://mungge1523.cafe24.com/xe/bannertest/rollingbanner/designcenter.css">
<style type="text/css">
<!--
.stepcarousel{
position: relative;
overflow: scroll;
width: 598px;
height: 200px;
}
.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 598px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#promotion{
width: 598px;
height: 200px;
border: 0;
}
#promotion .panel{
height: 200px;
text-align: center;
}
-->
</style>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:10px 0px 20px 20px;text-align:left;"><table width="598" border="0" cellspacing="0" cellpadding="0">
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'promotion',
beltclass: 'belt',
panelclass: 'panel',
panelbehavior: {speed:500, wraparound:true, wrapbehavior:'pushpull', persist:false},
defaultbuttons: {enable: false, moveby: 1, leftnav: ['http://mungge1523.cafe24.com/xe/bannertest/rollingbanner/arrowl.gif', -10, 100], rightnav: ['http://mungge1523.cafe24.com/xe/bannertest/rollingbanner/arrowr.gif', -10, 100]},
statusvars: ['reportA', 'reportB', 'reportC'],
contenttype: ['inline']
});
</script>
<style type="text/css">
#promotion{overflow: hidden;}
</style>
<div id="promotion" class="stepcarousel">
<div class="belt" style="width: 1794px; left: 0px; ">
<div class="panel" style="float: none; position: absolute; left: 0px; "><img src="http://mungge1523.cafe24.com/xe/bannertest/rollingbanner/banner1.png" class="hand" onclick="location.href='/index.php';"></div>
<div class="panel" style="float: none; position: absolute; left: 755px; "><img src="http://mungge1523.cafe24.com/xe/bannertest/rollingbanner/banner2.png" class="hand" onclick="location.href='/index2.php';"></div>
<div class="panel" style="float: none; position: absolute; left: 1510px; "><img src="http://mungge1523.cafe24.com/xe/bannertest/rollingbanner/banner3.png" class="hand" onclick="location.href='/index3.php';"></div>
</div>
</div></td>
</tr>
<tr>
<td height="10"></td>
</tr>
<tr>
<td>
<p id="promotion-paginate" style="position:relative; width:755px; top:-40px; text-align:center; z-index:999;">
<img src="http://mungge1523.cafe24.com/xe/bannertest/rollingbanner/icon_off.gif" data-over="http://mungge1523.cafe24.com/xe/bannertest/rollingbanner/icon_on.gif" data-select="http://mungge1523.cafe24.com/xe/bannertest/rollingbanner/icon_on.gif" data-moveby="1"/>
</p>
</td>
</tr>
</table>
<script type="text/javascript">
//4초마다 이동
function moveStep()
{
stepcarousel.stepBy('promotion', 1);
setTimeout(moveStep,4000);
}
moveStep();
</script>