Anythingslider + Fancybox duplicating images
<p>I am in the process of rebuilding my website, using Anythingslider + Fancybox for my portfolio section but its currently duplicating same image twice. You can see what I mean here, scroll down to the folio section and click on the first image:</p>

<p><a href="http://francisthedesigner.com/dev/" rel="nofollow">http://francisthedesigner.com/dev/</a></p>

<p>When I took it out of the Anythingslider the fancybox work as it should without duplicating image which confuses me, As you can tell I am no good at solving javascript issues but I am very keen to solve this issue.. Any help would be appreciated.</p>

<p>Here's the HTML/JS code if it helps</p>

<pre><code>&lt;ul class="slider"&gt; 
                &lt;li&gt; 
                    &lt;a class="fancybox" rel="webfolio" href="images/folio/web_superjellyfish_b1.jpg"&gt;
                 &lt;img src="images/folio/web_superjellyfish.jpg" alt="" /&gt;
                        &lt;/a&gt;
                    &lt;div class="caption-bottom"&gt; 

                        &lt;div&gt;
                            &lt;h3&gt;Description&lt;/h3&gt;
                            &lt;p&gt;An extract of my showreel about Go Up Communications’s works for fashion industry.&lt;/p&gt;
                        &lt;/div&gt;
                        &lt;div&gt;
                            &lt;h3&gt;Role&lt;/h3&gt;
                            &lt;p&gt;Art Direction, Graphic Design, HTML5, CSS, Javascript, WP&lt;/p&gt;
                        &lt;/div&gt;
                        &lt;div&gt;
                            &lt;h3&gt;Client&lt;/h3&gt;
                            &lt;p&gt;&lt;a href="http://francisthedesigner.com/superjellyfish/&amp;quot; target="_blank"&gt;Super Jellyfish&lt;/a&gt;&lt;/p&gt;
                        &lt;/div&gt;

                    &lt;/div&gt; 
                    &lt;span class="capLeft"&gt;&lt;/span&gt;
                    &lt;span class="capRight"&gt;&lt;/span&gt;
                &lt;/li&gt; 
</code></pre>

<p></p>

<p>$(".fancybox").fancybox({
        prevEffect : 'true',
        nextEffect : 'true',</p>

<pre><code>    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   : {}
    }

});
</code></pre>
