1

我正在重建我的网站,在我的投资组合部分使用了 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/&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   : {}
    }

});
4

1 回答 1

0
<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>

似乎anyslider 正在添加额外的图像并且它们被标记为rel="webfolio",您需要阻止anyslider 这样做。

于 2012-07-12T01:14:25.177 回答