我已经创建了一个用于朋友档案的网站,有一个用于控制导航的JavaScript,在工作部分使用了一些jQuery,在2个div之间交换以显示单独的类别,然后是Lightbox v2查看器,该浏览器应显示他拥有的工作完成。

但是,我以前使用过灯箱,但似乎无法在此网站上使用它,这是否可能是其他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>

而我的灯箱车身:

 <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

谢谢

乔恩

#1楼 票数:2

尝试更改开头的.js调用顺序,或更改jQuery脚本(如Pirobox)的脚本代码

#2楼 票数:1

我只在JavaScript中创建了不需要jQuery的自适应灯箱。 如果仅由于lightbox插件而使用jQuery,这可能会有所帮助: http : //jslightbox.felixhagspiel.de/

#3楼 票数:0

Prototype和JQuery都定义$ 按照jonty john的建议,要么放弃其中一个库,要么在Prototype之前添加jquery,或者在无冲突模式下使用jquery

  ask by Jon Kyte translate from so

未解决问题?本站智能推荐:

2回复

包含lightbox.js时,灯箱不起作用

我正在尝试使用Lightbox实现图片库。 使用该示例,一切正常。 由于我正在使用Bootstrap并已链接到JQuery,因此我想使用lightbox.js而不是lightroom-plus-jquery.js 。 但是,这破坏了功能,所有图像都像常规链接一样全屏打开。 在官方网站
2回复

灯箱2:如何通过JavaScript动态添加图片

我在尝试动态添加图像时遇到了麻烦,因为lightbox2 (由lokesh dakar创建)是在文档加载后由现有的html编码图像初始化的,并且第一次后不再解析该文档。 如果我尝试使用javascript添加新图像(例如,将它们添加到正文中),则不会将它们添加到lighbox组中。
1回复

灯箱未随RoyalSlider一起加载

我正在为此项目使用RoyalSlider和Lightbox.js。 由于某种原因,它无法正常工作-您可以点击图片,该图片会在灯箱中弹出,但图片不会加载。 该网站的有效演示程序为http://bobbyomari.com/clients/opa-只需滚动至页面底部,即可找到一个水平滑块。
1回复

如何使用灯箱插件代替window.open?

在我的JavaScript代码中的某个地方,它用打开的功能/方法打开了一个新窗口。 但是我既不希望打开标签页也不希望打开窗口。 我发现了很多作用于元素的示例灯箱插件。 我可以在我的JavaScript代码中使用灯箱插件的功能/方法代替open功能吗? (不在html文件中)
3回复

灯箱在每个图像之间显示下划线

我用Lightbox 2照片库制作了一个网站。 不知何故,它在每个缩略图图像之间显示“_”(下划线)。 图像查看器本身就很完美。 缩略图下划线虽然困扰着我。 有没有办法删除下划线? 正如您所看到的,代码中没有下划线。
1回复

面对问题对象IE 8中的所需错误和灯箱单独在IE 8和IE 7中不起作用

我实现了上传的图像显示在网站上。 对于未正确上传的图像,意味着我更换了错误图像? 当我加载网站时,我面临问题error image not define ,并且灯箱正在加载chrome和firefox,但它没有在IE中加载,只显示黑色背景。 这是我的代码,用于显示错误图像和从Web服务上传
1回复

如何打开多个灯箱

我在页面上有一个画廊。 当您单击其中一个缩略图时,相应相册的图库将出现。 在相册中,当您单击图像时,将在灯箱中显示所单击图片的更大,更清晰的版本。 该画廊位于该网站上,我只是想知道如何打开两个灯箱而不是一个。 它可以是一个堆叠在另一个之上或之下,我只需要打开两个。 下面是Im现在使用的
1回复

灯箱2.6为div

尝试:我试图使用lightbox 2.6在灯箱内显示html5部分(或div,部分首选)的html内容(如jquery对话框)。 http://lokeshdhakar.com/projects/lightbox2/ 我做了什么:我已经研究过尝试通过jquery对话框(编写我自己的)