PXU Photoset 문제가있는 Tumblr 벽돌

Tumblr 테마로 Masonry를 사용할 때 PXU Photoset Extended가 제대로로드되지 않는 문제가 있습니다. 나는 그것을 일으키는 원인을 안다, 나는 슬프게도 그것을 고치는 법을 모른다.PXU Photoset 문제가있는 Tumblr 벽돌

벽돌이로드되는 동안 깜박임이 줄었고, CSS (display : none)가있는 컨테이너를 숨기고 벽돌 스크립트를로드 할 때 숨기기 만한다는 사실을 발견했습니다.

이미지를 제대로 렌더링하지 못하는 PXU Photoset 스크립트의 부작용이있는 것 같습니다. (대부분 크기가 작아지고 창 크기를 조정할 때 실제 크기로 점프합니다.)

이

$(document).ready(function() { 
$('.photo-slideshow').pxuPhotoset({ 
'rounded' : 'false', // corners, all or false 
}, function() { 
// Callback 
}); 
});

가 photosets을 만든 유일한 것은 바로 참여 제거를 표시 : 확장

$(document).ready(function(){ 

    var $container = $('#container'); 

    $container.imagesLoaded(function(){ 
     $container.show(); 
     $container.masonry({ 
      itemSelector: 'article', 
      gutter: 50, 
      isFitWidth: true, 
     }); 
    }); 

    $container.infinitescroll({ 
     navSelector : '#pagination-infinite', // selector for the paged navigation 
     nextSelector : '#pagination-infinite a.next', // selector for the NEXT link (to page 2) 
     itemSelector : 'article',  // selector for all items you'll retrieve 
     animate: true, 
     extraScrollPx: 310, 
     bufferPx: 40, 
     loading: { 
      msgText: '', 
      finishedMsg: '', 
      img: 'http://static.tumblr.com/amhdmud/iMBn235bd/1x1.png' 
     } 
    }, 
    // trigger Masonry as a callback 
    function(newElements) { 
     // hide new items while they are loading 
     var $newElems = $(newElements).css({ opacity: 0 }); 
     // ensure that images load before adding to masonry layout 
     $newElems.imagesLoaded(function(){ 
      // show elems now they're ready 
      $container.masonry('appended', $newElems, true); 
     }); 
    }); 

});

그리고 PXU Photoset :

은 그래서 벽돌, ImagesLoaded 및 무한 스크롤을 호출하는이 코드를 사용 표시 : 없음; 컨테이너에서,하지만 벽돌이 페이지로드시 컨테이너에서 깜박 거리고, 다른 방법으로는 수정할 수없는 것처럼 보입니다.

도움이 되서 대단히 감사합니다.

감사합니다.

출처

2014-03-10 Lin

PXU Photoset 플러그인은 사용 가능한 영역을 계산할 수 있도록 페이지의 사진 세트를 표시해야합니다. 컨테이너에 display: none;을 사용하는 대신 visibility: hidden;을 사용하고 나서 Masonry가 완료된 후 visibility: visible;으로 변경하십시오.

또한 이이되기 전에 Photoset 플러그인이 실행 중인지 확인해야합니다. Masonry가 테마를 처음으로 통과합니다.

출처

2014-04-04 16:10:28 graygilmore

PXU Photoset 문제가있는 Tumblr 벽돌

답변

관련 문제