벽돌 이미지로드 관련 문제

Question

서버에서 많은 이미지를 가져 와서 화면에 덤프하고 벽돌을 사용하여 모두 레이아웃하는 데 문제가 있습니다.

모든 이미지가로드되지만 이미지가 하단으로로드되기 전에 석공이 길로 불려지는 것처럼 보입니다. 모든 이미지는 뒤죽박죽입니다. 몇 가지 스크린 샷을 첨부하여 보았습니다. 이 문제는 다른 페이지에서도 발생합니다.

그리고 내가 사용하고있는 중요한 코드의 일부

.

<script> 
$.each($('.img-grid-container img'), function (index, obj) { 
    $(this).css({ 
     'width' : (50 + Math.round((Math.random()) * 330)) 
    }); 
}); 
</script> 

<script> 
var $container = $('.img-grid-container'); 

$container.imagesLoaded(function(){ 
    $('#grid-section').fadeIn("normal"); 
    $('#loader-container').hide(); 
    $container.masonry({ 
    itemSelector : '.attachment-full', 
    columnWidth: 30 
    }); 
}); 
</script> 

언제나 감사드립니다.

-R

Answer 1

어쨌든 [내가 그냥 그들에게 draggables을하고는 ... 다, 그것으로 정말 멋진 보이는 생각] :

귀하의 벽돌 코드가 나에게 잘 보이는 [나는 거의 동일한 뭔가를 나를 위해 일하고있다] :

• 문서 내의 모든 JQuery를 사용할 준비가 되었습니까?
• 벽돌을 먼저 호출 한 다음 # 격자 섹션을 퇴색하면 어떻게됩니까?
• 컨테이너 선택기가 문제인지 궁금합니다. 페이지에 해당 클래스의 인스턴스가 여러 개있는 경우 imagesLoaded가 처음 실행되거나 마지막 인스턴스가로드 된 후에 트리거되는지 여부를 알 수 없습니다.

하는 데 도움이

희망 [당신이 언제든지 벽돌을 정렬 ('다시로드') .masonry 사용할 수 있습니다 도움이된다면].