php - 在 flexslider 中添加指向图像的链接

Question

我正在使用flexslider插件，我想知道是否有一种简单的方法（除了更改插件的核心，如果我找不到简单的答案，我会这样做）去链接什么时候我单击当前幻灯片图像。我像这样简单地设置了 flexslider：

   $('#slide-top').flexslider({
           animation: 'slide'
           });

在视图中：

   <div id="slide-top" class="flexslider">
          <ul class="slides">
            <?php foreach ($gallery_top_slide as $image_slide): ?>
                    <li><img src="<?=base_url();?>assets/uploads/top_slide/<?=$image_slide['photo_url']?>" /></li>
                    <a href="<?=$image_slide['link_url']?>">Not need text on image</a>
            <?php endforeach; ?>
          </ul>
    </div>

我怎样才能做到这一点？

例如。如果我点击当前图片去 www.google.com

提前致谢 ！

Answer 1

仅 HTML 的解决方案：

改变这个：

<ul class="slides">
    <li>
        <img src="../myimage_1.jpg">
    </li>
    <li>
        <img src="../myimage_2.jpg">                       
    </li>

ETC

进入这个：

<ul class="slides">
    <li>
        <a href="myurl_1"><img src="../myimage_1.jpg" alt="" /></a>
    </li>
    <li>
        <a href="myurl_2"><img src="../myimage_2.jpg" alt="" /></a>
    </li>

等等

测试和工作。但是请务必将pauseOnHoverFlexslider 的 -property 设置为false。

Answer 2

试试这个。

            <ul class="slides">
                <?php foreach ($gallery_top_slide as $image_slide): ?>
                        <li>
                           <a href="<?=$image_slide['link_url']?>">
                              <img src="<?=base_url();?>assets/uploads/top_slide/<?=$image_slide['photo_url']?>" />
                           </a>
                        </li>
                <?php endforeach; ?>
            </ul>