Многостраничный виджет "Новости" - Вопрос!

Dana Domirani пишет:Надо будет посмотреть.

Код:

<div id="example-content-container">

  <div id="example-links">
      <p>1</p>
      <p>2</p>
      <p>3</p>
      <p>4</p>
      <a class="allnews" href="/f2-forum">все новости</a>
  </div>

  <div style="clear: both;"></div>
 
    <div id="example-content">
      <!-- BEGIN post_row -->

<div class="module main" >
  <a name="news_{post_row.ID}"></a>

  <div class="module mod_news">
      <div class="main-head" style="text-align:{LEFT};">{post_row.TITLE}</div>
      <div class="main-content" style="padding:0;">
        <p class="author">{post_row.TIME} {BY} <strong>{post_row.POSTER}</strong></p>
        <div class="body">
            {post_row.TEXT}<br /><br />
           
            <div class="clear"></div>
            [ {L_COMMENTS}: {post_row.REPLIES} ] [ <a class="fullnews" href="{post_row.U_VIEW_COMMENTS}">Читать целиком</a> ]
        </div>
      </div>
  </div>

</div>
<!-- END post_row -->
    </div> 
           
</div> 



<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.mod_news', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

Код:

jQuery(document).ready(function() {

jQuery('#example-links p').click(function(){
var index = jQuery("#example-links p").index(this);
jQuery('#example-content').animate({"marginLeft" : -index*550 + "px"});
return false;
});

});

Код:

/* кнопки 1-9 и 'все новости' */
#example-links p, #example-links a.allnews {
display: block;
border: 1px solid #18405e;
float: left;
text-align: center;
line-height: 20px;
margin: 0 5px 10px 0;
cursor: pointer;
background-color: #18405e;
color: #fff;
text-decoration: none !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

#example-links p {
height: 20px;
width: 20px;
}

#example-links a.allnews {
height: 20px;
width: 90px;
}

/* кнопки 1-9 и 'все новости' при наведении */
#example-links p:hover, #example-links a.allnews:hover {
background-color: #ddd;
color: #18405e;
}

div#example-content-container {
height: 1010px !important;
width: 550px !important;
overflow: hidden !important;
margin: 0 auto;
}

div#example-content {
height: 1500px !important;
width: 2500px !important;
}

#example-content .module.main {
width: 550px !important;
height: 200px !important;
overflow: visible !important;
float: left;
}

div.module.mod_news {
width: 550px !important;
height: 300px !important;
}