我正在重建我的网站,在我的投资组合部分使用了 Anythingslider + Fancybox,但它目前重复了两次相同的图像。您可以在这里看到我的意思,向下滚动到作品集部分并单击第一张图片:
http://francisthedesigner.com/dev/
当我将它从任何东西中取出时,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").fancybox({ 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 : {}
}
});