Fancybox 전체 너비

코딩에 익숙하지 않고 모든 팬시 박스를 내 homepage 전체 너비 및 응답 성 (eg)에만 넣으려고하지만이 옵션 중 하나만 (fitToView, autoSize 또는 aspectRatio) 작업하지 않았습니다.Fancybox 전체 너비

jQuery를

jQuery(document).ready(function() { 
jQuery("#site-logo").click(function(e) { 
    alert("As you can see, the link no longer took you to jquery.com"); 
    jQuery.scrollTo(0 , 1000, { easing:'easeInOutExpo' }); 
$(".fancybox").fancybox({ 
    helpers : { 
     media: true 
     }, 
     width: 1600, 
     height: 870, 
     aspectRatio: true, 
     scrolling: no, 
     }); 
    }); 
});

출처

2015-01-21 joemimmo

http://fancyapps.com/fancybox/# 유용 번호 13 번을 확인 했습니까? – JFK

@JFK 예, 솔루션을 찾는 가이드를 살펴 보았습니다. 또한 여전히 작동하지 않는 # 13 = ( – joemimmo

@ JFK 스택 오버가 발생 함 이것을 발견 (http://stackoverflow.com/questions/28079791/change-vimeo-youtube-default-size-in-wordpress). 이 항목을 추가하려고 시도했습니다. code를 function.php에 넣고 css/jquery fancybox를 없애고 변경하지 마십시오 – joemimmo

시도, autoSize의 거짓을 첨가 aspectRatio을 제거하고 폭의 변화에 "100 %": 다른 사람이 향후 검색을보고 들어

jQuery(document).ready(function() { 
    jQuery("#site-logo").click(function(e) { 
    alert("As you can see, the link no longer took you to jquery.com"); 
    jQuery.scrollTo(0 , 1000, { easing:'easeInOutExpo' }); 
    $(".fancybox").fancybox({ 
     helpers : { 
      media: true 
     }, 
     width: "100%", 
     height: 870, 
     autoSize: false, 
     scrolling: false 
     }); 
    }); 
});

출처

2015-01-21 19:29:14

스택 오버에서 파고이 http : /stackoverflow.com/questions/28079791/change-vimeo-youtube-default-size-in-wordpress) 이 코드를 function.php에 추가하려고 시도했지만 CSS/jquery fancybox를 제거했지만 여전히 변경되지 않았습니다. – joemimmo

이상한. Let 's 's 처음부터 시작하면, fancybox 만 사용해야합니까? –

사실, 각 슬라이드마다 [예]와 같이 전체 너비와 반응성이있는 (또는 1300x731과 비슷한) 팝업이 필요합니다. (http : // www.anonymouscontent.com/). fancybox 플러그인을 설치하지 않았기 때문에 fancybox가이 테마 안에 있어야합니다. 그래서 그것을 사용했습니다. 예를 들어 다른 방법으로 달성 할 수 있다면 어떤 옵션이든 열어 둡니다. – joemimmo

은 내가 가진 이미지가 오버 플로우 높이를 가지더라도 전체 너비로 이미지가 필요했던 것과 동일한 문제가 발생하여 스크롤 할 수 있기를 원했습니다. 어쨌든 나는 이것이 미래에 누군가를 돕기를 바랍니다.

<script type="text/javascript"> 
jQuery(document).ready(function($) { 
    $(".fancybox").fancybox({ 
     autoSize : true, 
     scrolling : 'auto', 
     fitToView : false, 
     width : 'auto', 
     maxWidth : '100%', 
    }); 
}); 
</script>

출처

2015-09-13 14:41:14 Derek

Rev 슬라이더에는 엄청난 업데이트가 있었기 때문에 테스트 할 기회가 없었습니다. http://www.wdirectors.com/ – joemimmo

Fancybox 전체 너비

답변

관련 문제