메인 최신 공지사항 롤링기능

<div id="kboard-default-latest" style="height:50px; overflow:hidden; background-color:#fff;">
 <table>
  <!--<thead>
   <tr>
    <th class="kboard-latest-title"><?php echo __('Title', 'kboard')?></th>
    <th class="kboard-latest-date"><?php echo __('Date', 'kboard')?></th>
   </tr>
  </thead>-->
  <tbody>
   <?php while($content = $list->hasNext()):?>
   <tr>
    <td class="kboard-latest-title">
     <!--<a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">-->
     <div class="notice">
       <ul class="rolling" style="list-style:none; ">
       <li>
        <a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">
       </li>
       <li>
        <a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">
       </li>
       <li>
        <a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">
       </li>
       <li>
        <a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">
       </li>
       <li>
        <a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">
       </li>
      </ul>
     </div>  

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

 
</div>

 

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

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

 

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

<a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">

이 부분이 내용 영역인데.. 여기 어느부분을 수정해야 할까요ㅠ

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기