如何将特色图片显示为当前图片？

在此处的右侧栏杆上：http://www.julianamaeberger.com/soma/sample-testimonial-3/ 我正在展示一篇随机发布的“推荐信”。下面我展示了“推荐”类别的所有特色图片，以便您可以翻阅这些图片并选择下一步要去的地方。

我想突出显示与上述内容相关的图像，但不知道如何做。这是我第一次构建模板，所以我可能走错了方向。如果能在正确的方向上提供帮助，我们将不胜感激。

以下是右侧扶手的代码：

<div class="rightcolumn">
   <div class="testimonial">
     <h3>Testimonials</h3>
     <?php
 $postslist = get_posts(\'category_name=testimonial&numberposts=1&orderby=rand\');
 foreach ($postslist as $post) : 
    setup_postdata($post);
 ?>
     <?php the_content(); ?>
     <?php endforeach; ?>
    </div>
    <div class="carousel default"> 
      <div class="jCarouselLite">
        <ul class="portfolio">
          <?php
 $postslist = get_posts(\'category_name=testimonial&numberposts=-1&order=DES\');
 foreach ($postslist as $post) : 
    setup_postdata($post);
 ?>
          <li> 
            <?php the_post_thumbnail( \'nav\' ); ?>
          </li>
          <?php endforeach; ?>
        </ul>
      </div>

      <script type="text/javascript">
    $(".default .jCarouselLite").jCarouselLite({
        btnNext: ".default .next",
        btnPrev: ".default .prev",
  visible: 3,
  scroll: 3,
  speed:100
    });   
      </script>
</div>
</div>

<ul class="portfolio"> <?php $testimonials = get_posts(\'category_name=testimonial&numberposts=-1&order=DESC\'); foreach ($testimonials as $testimonial) : ?> <li <?php if ( $testimonial->ID == $current_testimonial_id ) { echo \' class="highlighted"\'; } ?>> <?php echo get_the_post_thumbnail( $testimonial->ID, \'nav\' ); ?> </li> <?php endforeach; ?> </ul>

相关推荐