Jquery灯箱问题

时间:2011-05-02 12:52:54

标签: jquery lightbox

我在这里疯了 - 我无法让我的Jquery灯箱工作......如果有人可以快速看看会很棒!

网站为http://www.layersoflondon.org/index-with-jquery.html

我认为问题在于标题和Jquery灯箱中的Google Maps Javascript存在冲突。例如,我通过在Google地图中的图像链接上放置一个onclick事件来使Slimbox工作:

camdenSuperstoreContent.innerHTML = "<a rel=\"lightbox\" href=\"images/project-images/camden-superstore.jpg\" onclick=\"Slimbox.open('images/project-images/camden-superstore.jpg', 'Camden Superstores');return false\"><img src=\"images/project-images/camden-superstore-thumb-no-border.jpg\" /></a>";

问题是Slimbox使用Mootools,我想将Jquery用于其他一些东西......

有没有办法用灯箱做到这一点?

感谢任何建议。

非常感谢。

1 个答案:

答案 0 :(得分:1)

在javascript控制台中,当我点击任何图像时,会显示一条消息“Uncaught ReferenceError:Slimbox未定义”。您在标题中注释掉了Slimbox库,而是使用了jquery.lightbox。但是你的图片仍然包含这个:

Slimbox.open('images/project-images/railway-bridge.jpg', 'The bridge');return false"

删除对Slimbox的所有引用。此外,只有在页面上出现图像后,即在呈现Google地图后,您才应调用以下功能:

$(function(){
    initialize();
    $('a[@rel*=lightbox]').lightBox({fixedNavigation:true});
});
相关问题