Jquery循环洗涤器插件:添加到图像的链接
Jquery cycle scrubber plugin: adding links to images
我正在使用这个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>";}
我不知道这是否有帮助。只是做不了什么。现在你知道问题出在哪里了,你应该怎么解决它。剩下的就由你自己决定了。
相关文章:
- Javascript图像链接
- 更改标记.js图像/链接表达式
- 如何获取显示在谷歌搜索右侧的图像链接
- 来自流星模板的 HTML 图像链接未由浏览器呈现
- 警报后转到 iframe 中的图像链接
- JavaScript渐变幻灯片-图像链接
- 使用JavaScript从网页复制HTML代码或图像链接
- 响应图像tinymce图像链接
- 谷歌图书预览没有在安全的https上显示图书图像链接,但在http上工作.在Google Chrome和Touch浏览器
- 如何在这个javascript中添加图像链接
- 悬停图像链接,更改文本css
- 如何告诉 iframe 将图像链接调整为给定的宽度和高度
- jQuery - 在其下方显示每个图像链接
- 如何将图像链接与 HTML 和 CSS 一起使用时,悬停时在其他位置显示图像
- 如何在鼠标悬停在另一个图像/链接上时显示新图像/窗口
- 如何在数据库值达到一定数量后禁用图像链接
- 当我们单击多个图像链接时,将在同一页面上显示多个工具提示
- 用于在网页上填充图像链接的 JavaScript 代码
- 在.js文件中写入图像链接 - Symfony2
- 如何加载带有图像链接的 XML 文件,以便在 2D JavaScript 数组中使用