2014-10-01 2 views
1

fancybox 2.1.5를 사용 중이며 팝업을 표시하기 전에 이미지의 하우징 크기를 조정하려고합니다. 예상대로 작동하지 않는 것 같습니다. 이미지의 크기가 조정되지 않는 것 같습니다. 나는 내가 잘못 모르겠어요 :Fancybox의로드가 제대로 작동하지 않습니다.

jQuery(document).ready(function() { 
    jQuery('#content').find('img').each(function() { 
     jQuery(this).parent('a').fancybox({ 
      type: 'image', 
      autoSize : false, 
       beforeLoad : function() {   
        this.width = 300; 
        this.height = 150; 
       } 
     }); 
    }); 
}); 

작업 바이올린 : 나는 Fancybox 2.1.5 이전 버전에서 작동 이전, 사용되지 않는 기능 beforeLoad을 사용했다

http://jsfiddle.net/1a02ehua/1/

답변

0

.

jQuery(document).ready(function() { 
    jQuery('#content').find('img').each(function() { 
     jQuery(this).parent('a').fancybox({ 
      beforeShow : function() {   
       this.width = 500; 
       this.height = 300; 
      } 
     }); 
    }); 
}); 

참고 'beforeShow'변화

감사를 다음과 같이 몇 가지 조정 후 새로운 작업 기능입니다.

+1

레코드의 경우 : beforeLoad는 ** 지원되지 않는 콜백이며 여전히 v2.1.5에 대한 유효한 API 옵션입니다. [문서 참조] (http://fancyapps.com/fancybox/#docs) ("콜백 "탭)'beforeLoad'와'beforeShow'는 다른 이벤트를위한 것입니다 :로드되지 않은 엘레멘트에 속성을 설정하려고하기 때문에'beforeLoad' 안에서'this.width'가 작동하지 않을 것입니다. – JFK

+0

아, 그 탐험에 감사드립니다! – EHerman

관련 문제