Php 如何在bxslider中动态生成缩略图寻呼机？

我使用bxslider显示数据库中的图像，它可以工作，但是caroussels的缩略图是不可点击的

这是我使用的代码

<?php if ($object->fotos->has()): ?>
            <ul class="bxslider">
            <?php foreach ($object->fotos as $foto): ?>
                <?php $photo = wp_get_attachment_image_src($foto->ID, 'large'); ?>
                <li><img src="<?= $photo[0] ?>"></li>
            <?php endforeach; ?>
            </ul>

            <div id="bx-pager">
            <?php foreach ($object->fotos as $foto): ?>
                <?php $photo = wp_get_attachment_image_src($foto->ID, 'thumbnail'); ?>
          <a data-slide-index="0" href=""><img src="<?= $photo[0] ?>" /></a>
          <?php endforeach; ?>
        </div>

        <?php endif; ?>

“>

我试过：

<div id="bx-pager">
            <?php foreach ($object->fotos as $foto): ?>
                <?php $photo = wp_get_attachment_image_src($foto->ID, 'thumbnail'); ?>
          <a data-slide-index="0" href=""><img src="<?= $photo[0] ?>" /></a>
          <a data-slide-index="1" href=""><img src="<?= $photo[1] ?>" /></a>
          <a data-slide-index="2" href=""><img src="<?= $photo[2] ?>" /></a>
          <?php endforeach; ?>
        </div>

这是可单击的，但不显示图像。如何使缩略图图像可单击？

检查此项

我认为这应该是工作，如果它不比感觉回来

下面是从Fiddle获取的HTML和Javascript

<!-- slider 1 -->
<ul class="bxslider">
</ul>

<!-- custom controls -->
<div class="bxslider-controls">
  <a class="pull-left" href="#">PREV</a>
  <a class="pull-right" href="#">NEXT</a>
</div>

---

我想如果我稍微修改一下，它会起作用，但我使用了另一个滑块；jcarousel master它现在起作用了