2009-04-07 3 views
3

여기를 방문하는 경우 http://www.egyptevakantie.nl/dahab을 클릭하고 "andere plaatsen"탭을 클릭 한 다음 이미지를 클릭하면 jQuery 라이트 박스 플러그인을 통해 확대 된 이미지가 나타납니다.jQuery 라이트 박스 플러그인 버그

(여기에는 두 개의 스타일 시트와 하나 또는 두 개의 사소한 html 변경 사항을 제외하고는 본질적으로 동일한 사이트가 있지만 그 중 어느 것도 이미지와 아주 가깝지 않습니다.) 라이트 박스가 실패합니다. 내용을 중첩하는 대신 라이트 박스가 페이지 하단에 추가됩니다. 라이트 박스는 이상하게 표시됩니다.

지금까지 디버깅하는 동안 라이트 박스를 배치 할 위치에 대한 올바른 왼쪽 위 값을 여전히 계산했지만, dhtml이 생성 될 때까지 최고 값이 완전히 변경되었다는 것을 알아 냈습니다.

왜 이런 일이 일어나는 지 아는 사람이 있습니까?

+0

두 번째 링크의 이미지를 클릭해도 Firefox 또는 Chrome에서 나에게 아무런 변화가 없습니다. HTML이 검증되면 아마도 도움이 될 것입니다. –

답변

6

jquery 라이트 박스 스타일 시트 파일이 누락되었다고 생각합니다.

/css/jquery.lightbox-0.5.css 

하지만 제 2 링크에

이 파일에 대한 언급이 없다 : 첫 페이지

이 CSS 파일에 대한 참조가있을 것이다. 이미지가 확실히받은 위치를 들면, 아래 페이지에 추가됩니다

http://leandrovieira.com/projects/jquery/lightbox/

+0

전능하신 그리스도 나는 바보입니다. – wheresrhys

+0

최고의 OP 댓글. –

+0

너는 내가 전에 정확한 일을 알고 있었기 때문에 정확한 대답을 알았다. 롤. 기꺼이 도와 줬다. –

0

경우 :

이 CSS 파일은 여기에있는 jQuery를 라이트 박스 다운로드에 포함되어 절대이 설정되어 있지 않습니다.