Jquery循环擦除器插件:添加图像链接

时间:2012-08-18 08:38:00

标签: javascript html image hyperlink cycle

我正在使用这个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/

1 个答案:

答案 0 :(得分:0)

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

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

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

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

我不知道这是否会有所帮助。只是做不了多少。现在您知道问题是什么以及您应该采取哪些措施来解决问题。其余的由你决定。