Jquery 라이트 박스 문제

Question

나는 여기서 미쳤어. 내 Jquery 라이트 박스를 작동시킬 수 없다. 누군가가 빨리 볼 수 있다면 좋을 것인가?

사이트 http://www.layersoflondon.org/index-with-jquery.html

내가 문제가 헤더에있는 Google지도 자바 스크립트와 jQuery를 라이트 박스와의 충돌이 있다는 생각이다. ...

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를 사용하려면 예를 들어 필자는 구글지도에서 이미지 링크 상에 onclick 이벤트를 넣어 작업 Slimbox있어

라이트 박스로이를 수행 할 수있는 방법이 있습니까?

의견에 감사드립니다.

대단히 감사합니다.

Answer 1

자바 스크립트 콘솔에서 이미지를 클릭하면 "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}); 
});