带有自定义缩略图滑块的Flexslider

时间:2015-05-19 18:11:10

标签: javascript jquery html css flexslider

我尝试通过在缩略图中添加一些信息和按钮来自定义带缩略图滑块的Flexslider。如果单击缩略图,滑块将滑动到右侧幻灯片。但是,如果您单击添加的链接(在缩略图中),则不会转到其后面的URL。

我该如何使其发挥作用?

这是我一直在使用的代码:

<div id="carousel">
  <ul class="slides cntr cb">
    <li>
      <div class="image"><img src="url" alt=""></div>
      <div class="info">
        <p>Title</p>
        <div class="more">
          <span>Date</span> | <a href="http://link.com" title="ticket">BUTTON</a>
        </div>
      </div>
    </li>	
    <li>
      <div class="image"><img src="url" alt=""></div>
      <div class="info">
        <p>Title</p>
        <div class="more">
          <span>Date</span> | <a href="http://link.com" title="ticket">BUTTON</a>
        </div>
      </div>
    </li>
  </ul>
</div>

1 个答案:

答案 0 :(得分:0)

我用一个简单的javascript onclick函数修复它,如果这是修复它的最佳方法,我现在不用。但是,嘿,它现在适用

onclick="window.open('http://www.url.com', '_self')"