./widgets/content/skins/default/normal.html
이 파일을 먼저 엽니다.
<script type="text/javascript">jQuery.noConflict();var j$ = jQuery;</script>
위 소스를 첫번째 수정파일 맨 위에 삽입합니다.
다음은 아래 코드를 페이지 나타내는 곳에 붙여넣습니다.
<ul class="widgetNavigator">
<li><a href="javascript:changeList('p',3,1,'bp');" class="pre" title="이전" id="bpPre"><button type="button" class="prev" title="{$lang->cmd_prev}" onclick="content_widget_prev(jQuery(this).parents('ul.widgetNavigator').prev('table.widgetTableA'),{$widget_info->list_count})"><span>{$lang->cmd_prev}</span></button></a></li>
<li><span id="bpPg">1</span>/3</li>
<a href="javascript:changeList('n',3,1,'bp');" class="next" title="다음" id="bpNext"> <li><button type="button" class="next" title="{$lang->cmd_next}" onclick="content_widget_next(jQuery(this).parents('ul.widgetNavigator').prev('table.widgetTableA'),{$widget_info->list_count})"><span>{$lang->cmd_next}</span></button></li></a>
</ul>
두 번째는 js 파일을 엽니다.
./widgets/content/skins/default/js/content_widget.js
그리고 아래 소스를 맨 아래에 삽입합니다.
function changeList(type,total,now,id)
{
var viewPg = 0;
for(var i=1;i<=total;i++)
{
j$('#'+id+i).css({'display':'none'});
}
if(type=='p')
{
viewPg = now-1;
if(viewPg<=0) viewPg = total;
}
else
{
viewPg = now+1;
if(viewPg>total) viewPg = 1;
}
j$('#'+id+viewPg).css({'display':'block'});
j$('#'+id+'Pg').html(viewPg);
j$('#'+id+'Pre').attr("href", "javascript:changeList('p',"+total+","+viewPg+",'"+id+"');");
j$('#'+id+'Next').attr("href", "javascript:changeList('n',"+total+","+viewPg+",'"+id+"');");
}
이게 왜 반쪽 코드냐면.. 계속 페이지가 넘어갑니다. -_-;
원래 소스는 3페이지로 넘어가면 더 이상 안 넘어가는데 이건
3/3 다음 1/3으로 넘어가버리게 되서 페이지 카운터가 제대로 안되는 단점이 있습니다.
뉴스 아래에 붙어있던거라 수정하는 법은 모르겠네요..
댓글 0
댓글작성칸으로