jquery - 如何在“jquery image cycle”中为图像提供超链接？

Question

我在我正在构建的网站中使用了j 查询图像循环插件。是否可以循环提供这些图像的超链接，如果答案是肯定的，请告诉我如何？

这是内部图像的工作代码，没有任何超链接

<div class="wrapper col2">
  <div id="featured_slide">
    <ul class="roundabout-holder">
      <li><img src="images/demo/ComputerScience.gif" alt="" /></li>
      <li><img src="images/demo/InformationScience.gif" alt="" /></li>
      <li><img src="images/demo/Mechanical.gif" alt="" /></li>
    </ul>
  </div>
</div>

对于单个实例，这是我尝试过的

     <li>
         <a href="http://www.stunspot.com">
    <img src="images/demo/computerscience.gif" alt="" />
     </a>
    </li>

上面的代码不起作用意味着它仍然可以正常工作。

Answer 1

根据您的问题和您提供的详细信息，您可以执行以下链接。将 # 替换为您想要的链接。

$('#slideshow').cycle({ 
    timeout: 3000, 
    pager:  '#nav', 
    pagerAnchorBuilder: function(idx, slide) { 
        return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>'; 
    } 
}); 

在这里阅读更多