BX Slider Thumbnail Pager＆WordPress Loop

我很難在WordPress循環中配置BX Slider頁面縮略圖滑塊。以下是我設置的內容：BX Slider Thumbnail Pager＆WordPress Loop

<?php  
global $post; 
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 
$args = array(
'category_name' => 'BX', 
'numberposts' => '-1', 
'order' => 'ASC' 
); 
$services_posts = get_posts($args); 
?> 

<div class="span8"> 

    <ul class="bxslider"> 

    <?php $count=0;foreach($services_posts as $post) : setup_postdata($post);$count++; ?> 
    <?php $bx_large = wp_get_attachment_image_src(get_post_thumbnail_id(), 'bx-large'); ?> 

     <li id="slider-<?php echo $count; ?>"><img src="<?php echo $bx_large[0]; ?>" height="<?php echo $bx_large[2]; ?>" width="<?php echo $bx_large[1]; ?>" alt="Image"></li> 

    <?php endforeach; ?> 

    </ul> 

</div> 

<div class="span4"> 

<div id="bx-pager"> 

     <div class="row-fluid"> 

     <?php $count=0;foreach($services_posts as $post) : setup_postdata($post); $count++; ?> 
     <?php $bx_small = wp_get_attachment_image_src(get_post_thumbnail_id(), 'bx-small'); ?> 

     <a data-slide-index="" href="#slider-<?php echo $count; ?>"><img src="<?php echo $bx_small[0]; ?>" height="<?php echo $bx_small[2]; ?>" width="<?php echo $bx_small[1]; ?>" alt="Image"></a> 

     <?php endforeach; ?> 

    </div> 

    </div> 

</div>

此幻燈片一次不會再有。它似乎歸結爲：

data-slide-index

不知道這是什麼。我嘗試將$ count添加到它，但它不起作用。一種不知所措的方式。

感謝您的幫助！

來源

2013-05-17 user2394820

我總是遇到麻煩，試圖在html中讀取PHP。通常，當我在你的位置，請執行下列操作

加載頁面在瀏覽器中
查看網頁的源文件（「CTRL + U」在Firefox和Chrome）
在頁面的源代碼展望，試圖查明這被渲染

在你的代碼的HTML的任何問題，我也注意到，您的img標籤僅使用一個封閉：

如果關閉圖像後會發生什麼情況

/>

取而代之？

來源

2013-06-03 19:01:34

你只要把$ count ++;在你的結尾，所以它將從0開始計數。你的代碼工作不需要改變它。

<li><img src="<?php echo $bx_large[0]; ?>" height="<?php echo $bx_large[2]; ?>" width="<?php echo $bx_large[1]; ?>" alt="Image"></li>

來源

2014-03-27 10:27:01

BX Slider Thumbnail Pager＆WordPress Loop

回答

相關問題