BX 滑块缩略图寻呼机和 WordPress 循环答案

【问题标题】：BX Slider Thumbnail Pager & WordPress LoopBX 滑块缩略图寻呼机和 WordPress 循环
【发布时间】：2014-03-27 18:27:01
【问题描述】：

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

感谢您的帮助！

【问题讨论】：

标签： wordpress thumbnails pager bxslider

【解决方案1】：

我总是在尝试阅读 html 中的 PHP 时遇到问题。通常当我处于你的位置时，我会执行以下操作

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

在您的代码中，我确实注意到您的 img 标记仅使用 a: 关闭：

如果你用 a 关闭图片会发生什么

/>

改为？

【讨论】：

【解决方案2】：

你只要把 $count++;在您的 li 末尾，因此它将从 0 开始计数。您的代码正在运行，无需更改。

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

【讨论】：