2014-09-18 65 views
0

我想讓我的旋轉木馬縮略圖指標在循環之外的張貼縮略圖圖像。WordPress的:獲取張貼在圈以外的縮略圖

目前它的圖像佔位符設置,但我需要每個拇指代表當前選定的帖子。

<?php 
    $items = new WP_Query(array(
      'post__in' => get_option('sticky_posts'), 
      'caller_get_posts' => 1, 
    'posts_per_page' => 10, 
    'meta_key' => '_thumbnail_id' 
    )); 
    $count = $items->found_posts; 
    ?> 
       <div id="myCarousel" class="carousel slide" data-ride="carousel"> 

       <!-- Wrapper for slides --> 
       <div class="carousel-inner"> 
        <?php 
      $ctr = 0; 
      while ($items->have_posts()) : 
       $items->the_post(); 
       $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); 
       $custom = get_post_custom($post->ID); 
       $link = $custom["more-link"][0]; 
       $class = $ctr == 0 ? ' active' : ''; 
      ?> 
        <div class="item<?php echo $class; ?>" id="<? the_ID(); ?>"> 
        <?php the_post_thumbnail('full', array (
        'class' => 'img-responsive' 
        )); ?> 
        <div class="carousel-caption"> 
         <h3><a href="<?php the_permalink(); ?>"> 
         <?php the_title(); ?> 
         </a></h3> 
        </div> 
        </div> 
        <!-- End Item --> 

        <?php $ctr++; 
      endwhile; ?> 
       </div> 
       <!-- End Carousel Inner --> 

       <div class="thumbs"> 
        <div class="row"> 
        <div class="col-md-2 active item" data-target="#myCarousel" data-slide-to="0"><a href="#"><img src="http://placehold.it/1200x440/999999/cccccc" class="img-responsive"></a></div> 
        <?php for($num = 1; $num < $count; $num++){ ?> 
        <div class="col-md-2 item" data-target="#myCarousel" data-slide-to="<?php echo $num; ?>"><a href="#"><img src="http://placehold.it/1200x440/999999/cccccc" class="img-responsive"></a></div> 
        <?php } ?> 
        </div> 
       </div> 
       </div> 
       <!-- End Carousel --> 

回答

2

相反的:

<?php for($num = 1; $num < $count; $num++){ ?> 
    <div class="col-md-2 item" data-target="#myCarousel" data-slide-to="<?php echo $num; ?>"> 
     <a href="#"> 
      <img src="http://placehold.it/1200x440/999999/cccccc" class="img-responsive"> 
     </a> 
    </div> 
<?php } ?> 

嘗試使用:

<?php $counter2 = 0; ?> 
<?php while ($items->have_posts()) : $items->the_post(); ?> 
    <?php $counter2++; ?> 
    <div class="col-md-2 item <?php echo $counter2 == 1 ? 'active' : ''; ?>" data-target="#myCarousel" data-slide-to="<?php echo $counter2; ?>"> 
     <a href="#"> 
      <?php 
      the_post_thumbnail('thumbnail', array(
       'class' => 'img-responsive' 
      )); 
      ?> 
     </a> 
    </div> 
<?php endwhile; ?> 

這將您的標記顯示它,但有一個縮略圖,而不是佔位符。

+0

謝謝!這確實很好,但是,它會刪除我在活動項目上設置的紅色邊框,直到點擊某個項目。 – minemind 2014-09-18 20:46:39

+0

這並沒有解決任何問題,也造成了其他問題。當點擊列表的最後一個(第六個帖子縮略圖)時,它將刪除該縮略圖的主圖像...然後當點擊其他的拇指時,將活動的紅色邊框擰緊,並將其放在我沒有點擊的其他拇指上。 – minemind 2014-09-18 20:53:30

+0

對不起,我無法測試我發佈的代碼。我再次編輯它 - 現在應該工作得很好。 – 2014-09-18 20:54:49