2009-12-08 4 views
2

내 고객 사이트 (craft2eu.net)를 다시 방문하려면 GallerifficlightBox으로 통합해야합니다. GallerificPlus이 있다는 것을 알고 있지만, 내가 좋아하지 않는 것들을 가져 오는 Galleriffic의 구버전을 기반으로합니다. 예 : 잘못된 속성 등Galleriffic with lightBox

Galleriffic의 현재 버전 (이 글을 쓰는 시점에서 2.0)을 어떻게 통합합니까?

나는 이미 성공적으로 Galleriffic 블로그 코멘트에서 찾을 수있는 trent's suggestion을 따라갔습니다.

+0

희망은 나는 맞은 연결을 얻는다. – jitter

+0

을 확인할 수 있습니까? "galleriffic과 라이트 박스 통합"이 무슨 뜻인지 정보를 추가해주십시오. – jitter

답변

1

필자는 갤러리와 함께 라이트 박스 작업을 마침내 할 수있었습니다. 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();"을 추가했습니다.

나는 그것이 조금 부정 행위라고 인정하지만, 효과가있다! 그것이 당신을 위해 일하는 경우에 알려주십시오