Jquery lightbox probleme

Question

Je deviens fou - je n'arrive pas à faire fonctionner ma boîte à lumière Jquery ... Ce serait génial si quelqu'un pouvait jeter un coup d'œil!

Site

est http://www.layersoflondon.org/index-with-jquery.html

Je pense que le problème est qu'il ya un conflit avec Google Maps Javascript dans l'en-tête et la visionneuse Jquery. Par exemple, je suis arrivé Slimbox travail en mettant un événement onclick sur les liens d'image sur la carte Google:

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>";

Le problème est que Slimbox utilise Mootools et je veux utiliser Jquery pour d'autres choses ...

Existe-t-il un moyen de le faire avec la visionneuse?

Reconnaissant pour toutes les suggestions.

Merci beaucoup.

Answer 1

Dans la console javascript, il y a un message "Erreur de référence non interceptée: Slimbox n'est pas définie" lorsque je clique sur une image. Vous avez commenté la bibliothèque Slimbox dans l'en-tête et utilisé plutôt jquery.lightbox. Mais vos images contiennent toujours ceci:

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

Supprimer toutes les références à Slimbox. Aussi, vous devez appeler la fonction suivante seulement après des images est présent sur la page, soit après carte Google est rendu:

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