필자는 갤러리와 함께 라이트 박스 작업을 마침내 할 수있었습니다. CSS 지원을 포함하여 이미지의 기본/표준 shadowbox을 사용하고 있습니다.
고객의 요구에 따라 이미지 아래에 추가 링크가있는 것이 좋았습니다. 이를 위해 단순히 "다운로드"div를 사용하여 이미지 래퍼 div에 표시된 것과 동일한 이미지에 대한 링크를 추가했습니다. (PHP/MySQL을 사용하여 db에서 이미지를 추출하므로 <li>
섹션에 루프가 있습니다.)
첫 번째 곧은 구현에서 링크가 작동하지만 라이트 박스가 표시되지 않습니다. 나는 단지 src
을 따르고 링크에 rel="lightbox"
을 가지고 있었지만 동일한 창에서 이미지를 표시 할 수있는 링크 만 얻습니다. 다시 버튼을 누르고 링크를 다시 클릭하면 라이트 박스가 실제로 작동한다는 것을 알았습니다! 몇 가지 조사를 한 후에, 나는 이것이 사전로드 된 이미지 문제라는 점을 감추었습니다. 따라서 width="0"
및 height="0"
, border="0"
을 사용하여 다운로드 한 의 ligthbox enabled 링크 위에 img
태그를 추가 했으므로 페이지에 이미지가 실제로 숨김 모드로로드됩니다.
또한 그림자 상자가 일찍로드되는 것을 막고 gallerific에 의해 언로드되는 것을 방지하기 위해 이미지 래퍼에 이미지가로드 된 후 다시로드되도록 다운로드 div에 onmouseover="shadowbox.init();"
을 추가했습니다.
나는 그것이 조금 부정 행위라고 인정하지만, 효과가있다! 그것이 당신을 위해 일하는 경우에 알려주십시오
희망은 나는 맞은 연결을 얻는다. – jitter
을 확인할 수 있습니까? "galleriffic과 라이트 박스 통합"이 무슨 뜻인지 정보를 추가해주십시오. – jitter