<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[메인 최신 공지사항 롤링기능]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/26220</link>
		<description><![CDATA[<p>&lt;div id="kboard-default-latest" style="height:50px; overflow:hidden; background-color:#fff;"&gt;<br />
 &lt;table&gt;<br />
  &lt;!--&lt;thead&gt;<br />
   &lt;tr&gt;<br />
    &lt;th class="kboard-latest-title"&gt;&lt;?php echo __('Title', 'kboard')?&gt;&lt;/th&gt;<br />
    &lt;th class="kboard-latest-date"&gt;&lt;?php echo __('Date', 'kboard')?&gt;&lt;/th&gt;<br />
   &lt;/tr&gt;<br />
  &lt;/thead&gt;--&gt;<br />
  &lt;tbody&gt;<br />
   &lt;?php while($content = $list-&gt;hasNext()):?&gt;<br />
   &lt;tr&gt;<br />
    &lt;td class="kboard-latest-title"&gt;<br />
     &lt;!--&lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toStringWithPath($board_url)?&gt;"&gt;--&gt;<br />
     &lt;div class="notice"&gt;<br />
       &lt;ul class="rolling" style="list-style:none; "&gt;<br />
       &lt;li&gt;<br />
        &lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toStringWithPath($board_url)?&gt;"&gt;<br />
       &lt;/li&gt;<br />
       &lt;li&gt;<br />
        &lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toStringWithPath($board_url)?&gt;"&gt;<br />
       &lt;/li&gt;<br />
       &lt;li&gt;<br />
        &lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toStringWithPath($board_url)?&gt;"&gt;<br />
       &lt;/li&gt;<br />
       &lt;li&gt;<br />
        &lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toStringWithPath($board_url)?&gt;"&gt;<br />
       &lt;/li&gt;<br />
       &lt;li&gt;<br />
        &lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toStringWithPath($board_url)?&gt;"&gt;<br />
       &lt;/li&gt;<br />
      &lt;/ul&gt;<br />
     &lt;/div&gt;  </p>

<p>      &lt;div class="kboard-default-cut-strings"&gt;<br />
       &lt;?php if($content-&gt;isNew()):?&gt;&lt;span class="kboard-default-new-notify"&gt;N&lt;/span&gt;&lt;?php endif?&gt;<br />
       &lt;?php if($content-&gt;secret):?&gt;&lt;img src="&lt;?php echo $skin_path?&gt;/images/icon-lock.png" alt="&lt;?php echo __('Secret', 'kboard')?&gt;"&gt;&lt;?php endif?&gt;<br />
       &lt;?php echo $content-&gt;title?&gt;<br />
       &lt;span class="kboard-comments-count"&gt;&lt;?php echo $content-&gt;getCommentsCount()?&gt;&lt;/span&gt;<br />
      &lt;/div&gt;<br />
     &lt;/a&gt;<br />
    &lt;/td&gt;<br />
    &lt;td class="kboard-latest-date"&gt;&lt;?php echo $content-&gt;getDate()?&gt;&lt;/td&gt;<br />
   &lt;/tr&gt;<br />
   &lt;?php endwhile?&gt;<br />
  &lt;/tbody&gt;<br />
 &lt;/table&gt;</p>

<p> <br />
&lt;/div&gt;</p>

<p> </p>

<p>jQuery(document).ready(function(){<br />
   var height =  jQuery(".notice").height(); //공지사항의 높이값을 구해주고~~<br />
   var num = jQuery(".rolling li").length; // 공지사항의 개수를 알아볼수 있어요! length라는 것으로!<br />
   var max = height * num; //그렇다면 총 높이를 알 수 있겠죠 ?<br />
   var move = 0; //초기값을 설정해줍니다.<br />
   function noticeRolling(){<br />
      move += height; //여기에서 += 이라는 것은 move = move + height 값이라는 뜻을 줄인 거에요.<br />
      jQuery(".rolling").animate({"top":-move},600,function(){ // animate를 통해서 부드럽게 top값을 올려줄거에요.<br />
         if( move &gt;= max ){ //if문을 통해 최대값보다 top값을 많이 올렸다면 다시 !<br />
            jQuery(this).css("top",0); //0으로 돌려주고~<br />
            move = 0; //초기값도 다시 0으로!<br />
         };<br />
      });<br />
   };<br />
   noticeRollingOff = setInterval(noticeRolling,1000); //자동롤링답게 setInterval를 사용해서 1000 = 1초마다 함수 실행!!<br />
   jQuery(".rolling").append(jQuery(".rolling li").first().clone()); //올리다보면 마지막이 안보여서 clone을 통해 첫번째li 복사!</p>

<p>   jQuery(".rolling_stop").click(function(){<br />
      clearInterval(noticeRollingOff); //stop을 누르면 clearInterval을 통해 자동롤링을 해제합니다.<br />
   });<br />
   jQuery(".rolling_start").click(function(){<br />
      noticeRollingOff = setInterval(noticeRolling,1000); //다시 start를 누르면 자동롤링이 실행하도록 !!<br />
   });<br />
});     </p>

<p> </p>

<p>케이보드 플러그인으로 메인에 최신글 롤링되게 구현하고 싶은데요 , 워드프레스로 제작중입니다.</p>

<p>&lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toStringWithPath($board_url)?&gt;"&gt;</p>

<p>이 부분이 내용 영역인데.. 여기 어느부분을 수정해야 할까요ㅠ</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[안녕하세요~^^

같은 질문이라면 하나의 글만 등록해주시고

이어지는 질문이라면 댓글로 남겨주세요.

...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/26246</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>같은 질문이라면 하나의 글만 등록해주시고</p>

<p>이어지는 질문이라면 댓글로 남겨주세요.</p>

<p>그리고 본문에 프로그램 코드를 올려야 할 경우 에디터의 "<strong>코드 스니펫 삽입</strong>" 기능을 사용해주세요.</p>

<p> </p>

<p>올려주신 코드는 latest.php 파일 전체 코드를 올려주신 건지요?</p>

<p>아래의 코드로 교체하신 후에 다시 확인해보시겠어요?</p>

<pre>
<code class="language-html">&lt;style&gt;
.notice{width:100%; height:50px; overflow:hidden; background-color:#fff;}
.rolling{position:relative; width:100%; height:auto;}
.rolling li{width:100%; height:50px; line-height:50px;}
&lt;/style&gt;

&lt;div class="notice"&gt;
	&lt;ul class="rolling" style="list-style:none; "&gt;
	&lt;?php while($content = $list-&gt;hasNext()):?&gt;
		&lt;li&gt;&lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toStringWithPath($board_url)?&gt;"&gt;&lt;?php echo $content-&gt;title?&gt;&lt;/a&gt;&lt;/li&gt;
	&lt;?php endwhile;?&gt;
	&lt;/ul&gt;
&lt;/div&gt;

&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;

jQuery(document).ready(function(){
	var height =  jQuery(".notice").height(); 
	var num = jQuery(".rolling li").length; 
	var max = height * num;
	var move = 0; 
	function noticeRolling(){
		move += height; 
		jQuery(".rolling").animate({"top":-move},600,function(){ 
			if( move &gt;= max ){
				jQuery(this).css("top",0); 
				move = 0;
			};
		});
	};
	noticeRollingOff = setInterval(noticeRolling,1000); 
	jQuery(".rolling").append(jQuery(".rolling li").first().clone()); 
	
	jQuery(".rolling_stop").click(function(){
		clearInterval(noticeRollingOff); 
	});
	jQuery(".rolling_start").click(function(){
		noticeRollingOff = setInterval(noticeRolling,1000); 
	});
});      
&lt;/script&gt;</code></pre>

<p> </p>

<p>KBoard 플러그인에서 &lt;?php echo $content-&gt;title?&gt; 코드를 사용하시려면</p>

<p>&lt;?php while($content = $list-&gt;hasNext()):?&gt;...&lt;?php endwhile?&gt; 코드 사이에서 사용해주셔야 합니다.</p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Mon, 10 Sep 2018 01:35:38 +0000</pubDate>
			<category>KBoard</category>
		</item>
			</channel>
</rss>