的fancybox不点火

-1

我创建一个简单的画廊和的fancybox似乎并没有被解雇，我不知道为什么，我以前用它在其他网站和工程确定：的fancybox不点火

DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

脚本，CSS电话和js - 脚本源确定检查

<link href="../js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 

<script src="../js/fancybox/jquery.easing-1.3.pack.js" type="text/javascript"></script> 
<script src="../js/fancybox/jquery.fancybox-1.3.4.js" type="text/javascript"></script> 

<script type="text/javascript"> 
     $(document).ready(function() { 

      $("a[rel=gallery]").fancybox({ 
      'autoScale' : true, 
      'transitionIn' : 'fade', 
      'transitionOut' : 'fade' 
       } 
      }); 

     }); 
</script>

和我使用生成文件夹中的拇指PHP和也将href调用的fancybox

$files = glob("../gallery/gallery/*.*"); 

for ($i=1; $i<count($files); $i++) 
{ 
$num = $files[$i]; echo '<a class="fancybox" rel=gallery href="'.$num.'"> 
<img src="'.$num.'" class="gallery_img" alt="random image"></a>'; 
}

这是从实际的网页呈现的HTML：

<a class="fancybox" rel="gallery" href="../gallery/gallery/cat.jpg"> 
<img src="../gallery/gallery/cat.jpg" class="gallery_img" alt="random image"> 
</a> 
<a class="fancybox" rel="gallery" href="../gallery/gallery/flypike.jpg"> 
<img src="../gallery/gallery/flypike.jpg" class="gallery_img" alt="random image"> 
</a> 
<a class="fancybox" rel="gallery" href="../gallery/gallery/zandrb.jpg"> 
<img src="../gallery/gallery/zandrb.jpg" class="gallery_img" alt="random image"></a>

来源

2012-02-29 Darren Sweeney

你在rel属性上有一个错字，该值没有被引用。无论如何，你可以张贴呈现的HTML代码片段吗？你在JS控制台上遇到任何错误？ – mamoo 2012-02-29 09:43:04

做任何错误弹出萤火虫/铬调试器等？ – Umair 2012-02-29 09:43:21

@Umair谢谢，控制台发现语法错误 – 2012-02-29 10:08:51

-3

通过控制台发现完整的语法错误，非常感谢的建议，从未使用过之前：

<script type="text/javascript"> 
    $(document).ready(function() { 

     $("a[rel=gallery]").fancybox({ 
     'autoScale' : true, 
     'transitionIn' : 'fade', 
     'transitionOut' : 'fade' 
      } // shouldn't be there 
     }); 

    }); // shouldn't be there 
</script>

来源

2012-02-29 10:08:17

删除多余的}后'transitionOut' : 'fade'

来源

2012-02-29 10:02:08 soju

的fancybox不点火

回答

相关问题