<?php   $hot_cat= get_option('mytheme_hot_cat');//获取分类别名为 wordpress 的分类数据
              $cat_links=get_category_link($hot_cat->term_id); // 通过$cat数组里面的分类id获取分类链接
			  $word_t1=get_option('mytheme_word_t1');
			   $pic_b= get_option('mytheme_pic_b');
			    ?>

<div id="pic_out" <?php if($pic_b !==""){echo 'style=" background-image:url('.$pic_b.')"';};?> >
<div id="pic">
 
      <?php 
    
 $posts = get_posts( "category=($hot_cat)&numberposts=30" ); ?> 
    <?php if( $posts ) : ?> 
    <ul>                                      
			   <?php foreach( $posts as $post ) : setup_postdata( $post ); ?>     
    <?php  if(get_post_meta($post->ID, 'hoturl',true) !==""){ $link =get_post_meta($post->ID, 'hoturl',true);}else{$link = get_permalink();}?>
    <li><a target="_blank" href="<?php  echo $link?>"  > 
       <?php  $tit= get_the_title();if (has_post_thumbnail()) { the_post_thumbnail('hot-pic-thumbb' ,array('alt'	=>$tit, 'title'=> $tit ));}?> 
        </a>
         
          <?php  $hots_tlye=get_post_meta($post->ID, 'hots_tlye',true);
		  if(get_post_meta($post->ID, 'png_pic',true)!==""){ ?>
          
          <div class="png_pic" >
          <img src="<?php echo get_post_meta($post->ID, 'png_pic',true); ?>"/></div>
            <?php }; ?>
            <div class="pic_text" id="<?php echo   $hots_tlye?>">
               <b> <?php the_title(); ?></b>
               <p> <?php echo mb_strimwidth(strip_tags(apply_filters('the_content',$post->post_content)),  0,300,"...","utf-8"); ?>
</p>
<a class="pic_spa"target="_blank" href="<?php  echo $link?>"  > <?php  if($word_t1!=""){echo $word_t1;}else{echo '查看详细>>';}  ?>  </a>
            
          
          </div>

         
    </li>
           
               <?php endforeach; ?>                                            
                
 
 </ul>

<div class="pic_nav">

<a class="prve"> < PREV </a>
<a class="next"> NEXT > </a>
</div>
<script>
$(function() {
$("#pic").jCarouselLite({
btnNext: "#pic .next",
btnPrev: "#pic .prve",
speed:2000,//滚动动画的时间
auto:4000,//滚动间隔时间
visible:1,
onMouse:true,
start:0,
easing: "easeInOutBack",
beforeStart: function(a) {$(".pic_text").animate({"top":"0px",opacity:0},1000,'easeOutQuint'); $(".png_pic").animate({"bottom":"-300px",opacity:0},1000,'easeOutQuint'); },
afterEnd: function(a) { $(".pic_text").animate({"top":"79px",opacity:1},1000,'easeOutBack');  $(".png_pic").animate({"bottom":"0px",opacity:1},1000,'easeOutQuint') },
});
});
</script>
  <?php else : ?>
               <?php endif; ?>   
</div>
</div>