Anythingsslider+Fancybox复制图像

Anythingslider + Fancybox duplicating images

本文关键字:图像 复制 Anythingsslider+Fancybox      更新时间:2023-09-26

我正在重建我的网站,使用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/&quot; 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执行此操作。