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 -->
謝謝!這確實很好,但是,它會刪除我在活動項目上設置的紅色邊框,直到點擊某個項目。 – minemind 2014-09-18 20:46:39
這並沒有解決任何問題,也造成了其他問題。當點擊列表的最後一個(第六個帖子縮略圖)時,它將刪除該縮略圖的主圖像...然後當點擊其他的拇指時,將活動的紅色邊框擰緊,並將其放在我沒有點擊的其他拇指上。 – minemind 2014-09-18 20:53:30
對不起,我無法測試我發佈的代碼。我再次編輯它 - 現在應該工作得很好。 – 2014-09-18 20:54:49