Question

我在WordPress循环中配置BX Slider寻呼机缩略图滑块时遇到了困难。这就是我设置的内容：

<?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添加到它，但它没有用。有点不知所措。

感谢您的帮助！

Answer 1

我总是在html中尝试阅读PHP。通常当我在你的位置时，我会做以下

在浏览器中加载页面
查看页面来源（Firefox和Chrome中的“ctrl + u”）
查看页面源代码，尝试识别已呈现的html中的任何问题

在您的代码中，我注意到您的img标记仅使用以下内容关闭：

如果使用

关闭图像会发生什么

/>

代替？

Answer 2

你只需要把$ 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>

BX Slider Thumbnail Pager＆amp; WordPress循环

2 个答案: