2012-07-12 47 views
1

我正在重建我的网站,使用Anythingslider + Fancybox为我的投资组合部分,但它目前重复两次相同的图像。你可以明白我的意思是,向下滚动到对开部分,点击第一个图像:Anythingslider + Fancybox复制图像

http://francisthedesigner.com/dev/

当我把它从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: '真', nextEffect: '真',

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

}); 

回答

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> 

似乎anythingslider在额外的图像0123把他们被标记为rel="webfolio",您需要停止任何事情。