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>

等

进入这个：

<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>

等

经过测试和工作。但请确保将Flexslider的pauseOnHover - 属性设置为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>

在flexslider中添加图像链接

2 个答案: