Anythingsslider+Fancybox复制图像
Anythingslider + Fancybox duplicating images
我正在重建我的网站,使用Anythingsslider+Fancybox作为我的投资组合部分,但目前它重复了两次相同的图像。你可以看到我在这里的意思,向下滚动到对开本部分,然后点击第一张图片:
http://francisthedesigner.com/dev/
当我把它从Anythingsslider中取出时,fancybox就可以正常工作,而不会复制让我感到困惑的图像。正如你所知,我不擅长解决javascript问题,但我非常渴望解决这个问题。。如有任何帮助,我们将不胜感激。
这是HTML/JS代码,如果它有助于
<ul class="slider">
<li>
<a class="fancybox" rel="webfolio" href="images/folio/web_superjellyfish_b1.jpg">
<img src="images/folio/web_superjellyfish.jpg" alt="" />
</a>
<div class="caption-bottom">
<div>
<h3>Description</h3>
<p>An extract of my showreel about Go Up Communications’s works for fashion industry.</p>
</div>
<div>
<h3>Role</h3>
<p>Art Direction, Graphic Design, HTML5, CSS, Javascript, WP</p>
</div>
<div>
<h3>Client</h3>
<p><a href="http://francisthedesigner.com/superjellyfish/" target="_blank">Super Jellyfish</a></p>
</div>
</div>
<span class="capLeft"></span>
<span class="capRight"></span>
</li>
$(".fancybox").fancybbox({prevEffect:'true',nextEffect:"true",
closeBtn : true,
arrows : true,
nextClick : true,
helpers: {
title : {
type : 'outside'
},
overlay : {
speedIn : 500,
opacity : 0.95
},
thumbs : {
width: 75,
height: 50
},
title : {
type : 'inside'
},
//buttons : {}
}
});
<a class="fancybox" rel="webfolio" href="images/folio/web_superjellyfish_b1.jpg" disabled="disabled" name="" style="width: 100%; height: 100%; ">
<img src="images/folio/web_superjellyfish.jpg" alt="">
</a>
似乎任何东西滑块都在放入额外的图像&它们被标记为rel="webfolio"
,您需要停止任何thingslider执行此操作。
相关文章:
- 复制图像路径以单击它
- 当页面包含指向一个图像的多个链接时,fancyBox会复制缩略图辅助图像
- 使用JavaScript从网页复制HTML代码或图像链接
- 如何使用PHP、提交和单选按钮复制/重命名/覆盖图像
- HTML将图像从画布复制到另一个画布
- Anythingsslider+Fancybox复制图像
- 是否可以将画布图像复制到剪贴板
- 使用Jquery将剪贴板图像复制到网页中
- 如何禁止复制浏览我的网站的图像
- 将javascript制作的图像复制到剪贴板
- 如何在 MobileSafari 中接收复制的图像
- 如何将画布图像数据复制到论文.js 光栅对象
- 将图像复制到剪贴板,在 Firefox 和 Chrome 中不起作用
- 仅在Chrome中使用javascript将图像复制到剪贴板
- 需要有关使用 ASP.Net 或 JavaScript 将图像复制到网站剪贴板的帮助
- 我如何使用docpad的缩略图插件而不将源图像复制到“;输出”;
- 如何用图像复制字体?
- 将图像复制到剪贴板
- fs.大量图像复制失败,少量图像复制有效
- 将HTML画布作为图像复制到剪贴板