Проблемы с загрузкой изображения кладки - PullRequest
Новая
       19

Проблемы с загрузкой изображения кладки

1 голос
/ 08 февраля 2012

У меня возникла небольшая проблема на одной из моих страниц, когда я получаю много изображений с сервера, выгружаю их на экран и использую кладку, чтобы выложить их все.

ВсеИзображения загружаются, но кажется, что кладку называют еще до того, как изображения загружаются по направлению вниз, все изображения загружаются в беспорядке.Я приложил несколько скриншотов, чтобы показать вам.Обратите внимание, что это происходит и на других страницах.

enter image description here enter image description here

И некоторые важные коды, которые я использую. 

<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

1 Ответ

0 голосов
/ 08 февраля 2012

[Я думаю, что это выглядит довольно круто, просто сделайте их перетаскиваемыми и все готово ...] ANYHOW:

Ваш код кладки выглядит хорошо для меня [у меня есть что-то почти идентичное, работающее для меня], но:

  • Готов ли весь ваш JQuery внутри документа?
  • Что произойдет, если вы сначала вызовете масонство, а затем добавите свой # grid-раздел?
  • Интересно, это проблема с вашим селектором контейнера? Если у вас есть несколько экземпляров этого класса на вашей странице, тогда я не знаю, сработает ли imagesLoaded после первой или последней загрузки этих экземпляров ..?

[если это поможет, вы можете использовать .masonry ('reload'), чтобы отсортировать кирпичи в любое время]

Надеюсь, это поможет.

...