PrettyPhoto Jquery 라이트 박스 링크 문제

Question

Jquery 라이트 박스 복제본 인 PrettyPhoto Lightbox를 사용하고 있습니다.

이 코드

<a href="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" title="Google.com opened at 100%">Google.com</a> 

이 좋은 작품입니다 iframe이 함께 라이트 박스를 시작하려면!

문제

내가

<div onclick="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" class="menuitem"> 

불행하게도이 작동하지 않습니다이 코드 내 사업부의 링크 중 일부를 만들기 위해 자바 스크립트를 사용하고 있다는 점이다. 나는 이것이 DIV가 rel 속성을 지원하지 않기 때문이라고 생각한다. 이 사람이 어떻게 올지에 대한 아이디어가 있습니까? 당신의 도움에 대한

감사합니다,

팀

Answer 1

체크 아웃 라인 87 플러그인 JS 파일 (jquery.prettyPhoto.js)

$('a[rel*='+theGallery+']').each(function(i){ 

그것은 특별히 'A'요소를 찾고 있습니다 . 플러그인을 살펴보고 필요에 맞게 작동하도록 몇 가지 사항을 변경할 수 있습니다.

$('div[rel*='+theGallery+']').each(function(i){ 

rel은 유효한 div 속성이라고 생각하지 않습니다. 클래스 나 다른 선택 가능한 속성을 사용할 수 있습니다.