javascript - Lightbox v2 与其他 JS 冲突

Question

我为 friend 的作品集创建了一个网站，有一个用于控制导航的 JavaScript，在工作部分使用了一些 jQuery，在 2 个 div 之间交换以显示单独的类别，然后是 Lightbox v2 查看器，它应该显示他所做的工作。

但是，我以前使用过 lightbox，但我似乎无法在该网站上使用它，这可能是页面加载时其他 javascript 和 jQuery 加载之间的冲突吗？

如果有人可以浏览该网站并告诉我他们的想法，我将非常感激。

我的脑子里有这个灯箱(和其他脚本)

 <link href="style.css" rel="stylesheet" type="text/css" />
 <script  type="text/javascript" src="../js/prototype.js"></script>
 <script  type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
 <script  type="text/javascript" src="../js/lightbox.js"></script>
 <link rel="stylesheet" href="../css/lightbox.css"  type="text/css" media="screen" />
 <script type="text/javascript" src="floating-1.5.js"></script>
 <script type="text/javascript">  
 floatingMenu.add('floatdiv',  
    {   targetTop: 0,  
        // targetBottom: 0,    
        prohibitXMovement: true,});  
 </script> 
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
 <script type="text/javascript">
 function showonlyone(thechosenone) {
 $('div[name|="newboxes"]').each(function(index) {
      if ($(this).attr("id") == thechosenone) {
           $(this).show(200);
      }
      else {
           $(this).hide(600);
      }
 });
 }
 </script>

还有我的灯箱 body :

 <div class="work_splash"><a href="images/gallery/graphics/1b.jpg" rel="lightbox[graphics]" title="Graphic Design Gallery"><img src="images/gallery/graphics/1t.jpg" height=156px /></a></div>

网址是http://www.jrk-design.co.uk/barwise/index.html

谢谢

乔恩

Answer 1

尝试更改头部中 .js 调用的顺序或更改 jQuery 脚本(例如 Pirobox)的 scriptaculous 代码