Jquery循环洗涤器插件:添加到图像的链接

Jquery cycle scrubber plugin: adding links to images

本文关键字:图像 链接 添加 循环 洗涤器 插件 Jquery      更新时间:2023-09-26

我正在使用这个jquery插件,它可以让您在图像中进行清理:http://thespiral.ca/jquery/scrubber/demo/

我试图为每个图像添加一个链接,例如:

<div id="basic">
<a href="google.com"><img src="images/beach1.jpg" width="200" height="200" alt="Beach1" /></a>
<a href="yahoo.com"><img src="images/beach2.jpg" width="200" height="200" alt="Beach2" /></a>
<a href="bbc.com"><img src="images/beach3.jpg" width="200" height="200" alt="Beach3" /></a></div>

但脚本中的某些内容似乎阻止了链接,无论我做什么,图像都有一个"#"链接。

有人能帮忙吗?

更新:我挂了一个jsFiddle:http://jsfiddle.net/qdGXZ/

问题可能在jquery.cycle.all.min.js中。其中有一个代码可能会导致这种行为。这是:

else{a='<a href="#">'+(i+1)+"</a>";}

评论一下,看看会发生什么。这是给定示例中唯一可能导致这种情况的代码。要解决此问题,您需要将自己定义的href属性传递给其他情况,并执行以下操作:

else{a='<a href="'+el.attr("href")+'">'+(i+1)+"</a>";}

我不知道这是否有帮助。只是做不了什么。现在你知道问题出在哪里了,你应该怎么解决它。剩下的就由你自己决定了。