Question

我正在重建我的网站，使用Anythingslider + Fancybox作为我的投资组合部分，但它目前重复相同的图像两次。你可以在这里看到我的意思，向下滚动到作品集部分，然后点击第一张图片：

当我把它从Anythingslider中取出时，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”）。的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   : {}
    }

});

Answer 1

<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"，你需要阻止任何事情进行此操作。

Anythingslider + Fancybox复制图像

1 个答案: