Javascript bxslider-如何获取链接到主图像的缩略图

我使用bxslider调用单个记录的图像

滑块工作正常，我将其设置为自动翻页与特定记录相关的图像，但我在将缩略图链接到滑块时遇到问题

目前，如果我单击滑块下方的缩略图，它会将图像加载到lightbox中（如果这是正确的术语），而不是将滑块移动到相关图像

下面是我的代码，我正在使用和任何建议将不胜感激 谢谢你-梅尔

    <div> <script type="text/javascript">
    $(document).ready(function(){
    $('.bxslider').bxSlider({       
    mode: 'fade',
    captions: 'false',
    auto: 'true',
    autoControls: 'true',
    });
    });
    </script>

    <ul class="bxslider list-unstyled"><?php foreach($images as $key=>$image) { ?>
    <li class="img-responsive list-unstyled"><img src="<?php echo $image ['image']; ?>" /></li><?php } ?>
   </ul></div>

   <div id="bx-pager">

   <div class="row">
            <?php foreach($images as $key=>$image) { ?>
            <div class="col-md-3 col-sm-4 col-xs-6 bx-pager">
                <a class="image_group thumbnail" rel="image_group" href="<?php echo $image['image']; ?>" title="<?php echo $this->escape($image['title']); ?><?php if($image['description']) { ?> - <?php } ?><?php echo $this->escape($image['description']); ?>">
                    <img src="<?php echo $image['thumb']; ?>" alt="<?php echo $this->escape($image['title']); ?><?php if($image['description']) { ?> - <?php } ?><?php echo $this->escape($image['description']); ?>">
                </a>
            </div>
            <?php } ?>
        </div>

    </div>

$（文档）.ready（函数（）{
$（'.bxslider'）.bxslider（{
模式：“淡入淡出”，
标题：“假”，
自动：“true”，
自动控制：“true”，
});
});

“/>