2013-02-17 3 views
1

나는 이것을 위해 완벽한 제목을 선택했다고 확신하지만 누군가가 더 좋은 제목을 제시 할 수 있다면 편집 해 주시기 바랍니다. 어쨌든 팝업 창을 열려고하는 이미지를 클릭하면 jQuery 플러그인 팬시 박스를 내 갤러리에 통합하는 데 약간의 문제가 있습니다. 갤러리 공개 click hereFancybox 갤러리 팝업 문제

iframe을 사용하는 이유는 갤러리에서 비디오와 이미지를 모두 보여주기를 원하기 때문입니다. 이것을 달성하기위한 iframe의 올바른 형식입니까?

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".various").fancybox({ 
     minWidth : 902, 
     minHeight : 505, 
     fitToView : true, 
     width  : '50%', 
     height  : '50%', 
     closeClick : true, 
     openEffect : 'fade', 
     closeEffect : 'fade', 
     type : 'iframe', 
     preload: 'auto', 
     helpers: { 
      thumbs: { 
      width : 50, 
      height : 50 
      } // closes thumbs 
      } // closes helpers 
    }); 
}); 

는 내가 반응 요소의 플러그인 Montage을 사용하고 있습니다. 두 가지 플러그인 사이에 충돌이 발생하는 경우 누군가 내가 잘못한 곳에서 나를 교정 할 수 있습니까?

+0

충돌하지만이 안됩니다까지 난 당신이 켜지면 ... fancybox의 CSS 파일을 (당신은 단지 fancybox - 엄지 손가락의 CSS 파일을 포함)를 포함하는 누락 말할 수있는 다른 한편으로는 이미지에'type : "iframe"을 지정하지 않으면, 각 링크의 콘텐츠 – JFK

답변

-1

최근에 이미지와 사진을 모두 표시하기 위해 fancybox를 사용하려고했지만 적절한 솔루션을 찾을 수 없었습니다. 대신 PrettyPhoto을 사용했는데 사용자 지정 가능한 옵션이 많아서 아주 좋은 것으로 나타났습니다. fancybox에서 기꺼이 전환 할 수 있다면이 방법을 사용하는 것이 좋습니다.

단순히 광장 갤러리의 이름으로 (속성을 추가, 당신은 당신의 갤러리에 표시 할 이미지 및/또는 비디오에 대한 모든 링크에 대해 그런 다음 PrettyPhoto 선택 간단하게 설정

$("a[rel^='prettyPhoto']").prettyPhoto(); 

그것을 설정하려면 링크 브래킷)

rel="prettyPhoto[myGalleryName]"