0

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

谢谢你的帮助！

4

2 回答 2

0

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

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

在您的代码中，我确实注意到您的 img 标签仅使用以下命令关闭：

 >

如果你关闭你的图像会发生什么

/>

反而？

于 2013-06-03T19:01:34.117 回答
0

你只要把 $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>
于 2014-03-27T10:27:01.240 回答