Правильность написания скрипта?

ой всё, ну и ладно =)

Правильность написания скрипта?

MrTimon, кое что лишнее было });

короче так:

var $boxes = $('.loop');

  var $container = $('#content_masonry');
  $container.imagesLoaded( function() {
    $boxes.fadeIn();
    $( ".popup-loader" ).hide();

    $container.masonry({
        itemSelector : '.loop',
        columnwidth: 300,
        gutter: 23,
        isFitWidth: true,
        isAnimated: !Modernizr.csstransforms
    });    
  });
});


var msnry = $container.data('masonry');

$container.infiniteScroll({
  path: '#page-nav a',
  append: '.loop',
  outlayer: msnry,
  history: false
});

работает =)))
примного благодарен

Правильность написания скрипта?

ой всё, я самый ленивый!

Правильность написания скрипта?

MrTimon, извиняюсь, так:

var msnry = $container.data('masonry');
  path: '.pagination__next',
  append: '.loop',
  hideNav: '.pagination',
  outlayer: msnry,
});

ругается на эти строки

еще может оно ссылку на след. страницу не видит

<p class="pagination">
  <a class="pagination__next" href="<?php previous_posts_link() ?>"></a>
</p>

еще мне надо может добавить на блок #content_masonry это:

<div id="content_masonry"
  data-infinite-scroll='{ "path": ".pagination__next", "append": ".post", "history": false }'>

Правильность написания скрипта?

MrTimon, сделал так:

$(document).ready(function() {

  var $boxes = $('.loop');

  var $container = $('#content_masonry');
  $container.imagesLoaded( function() {
    $boxes.fadeIn();
    $( ".popup-loader" ).hide();

    $container.masonry({
        itemSelector : '.loop',
        columnwidth: 300,
        gutter: 23,
        isFitWidth: true,
        isAnimated: !Modernizr.csstransforms
    });    
  });
});


var msnry = $container.data('#content_masonry');

// init Infinite Scroll
$container.infiniteScroll({
  path: '#page-nav a',
  append: '.loop',
  history: false,
});

Пока не работает, но хотя бы не сломано почти ничего
Осталась ошибка

ругается на эту строку:
var msnry = $container.data('#content_masonry');

Взгляните пожалуйста и все..я отстану =)
Наверное это последняя ошибка

Правильность написания скрипта?

эт не мой ) да и нет у меня моих ))
руководствуюсь этим

Правильность написания скрипта?

Спасибо
Блин ппц, никогда бы не догадался )
Теперь ошибки в подключаемых скриптах

Тоже наверное какие-то несоответствия

Проблема при подгрузке постов с помощью ajax + masonry сетка?

у меня мансори срабатывает после как загрузятся изо
Не знаю что с этим делать

Проблема при подгрузке постов с помощью ajax + masonry сетка?

имеете ввиду, без вот этого скрипта масонри должно работать?

$(document).ready(function() {

  var $boxes = $('.loop');
  $boxes.hide();

  var $container = $('#content_masonry');
  $container.imagesLoaded( function() {
    $boxes.fadeIn();

    $container.masonry({
        itemSelector : '.loop',
        columnwidth: 300,
        gutter: 23,
        isFitWidth: true,
        isAnimated: !Modernizr.csstransitions
    });    
  });
});

Проблема при подгрузке постов с помощью ajax + masonry сетка?

Да вот же блин...блоки встают изначально не туда Вроде как это из за разных размеров изображений
Эт ваще беда

Проблема при подгрузке постов с помощью ajax + masonry сетка?

мне нужно это? https://infinite-scroll.com/

Учитывать при параллаксе фона background-position: 50% 50%?

Милок Мурлыка, сделал вот так:

background-position: 50% 0;
    top: -50%;
    height: 150%;

Учитывать при параллаксе фона background-position: 50% 50%?

Милок Мурлыка, сорри, но снова все так же здесь

Учитывать при параллаксе фона background-position: 50% 50%?

display: block, бфло б мне еще чего понятно =)
я так пробую:

$('#lk-conteyner').css('background-position-y', '50% '+(-scrolled*10)+'%');

На этом мои догадки иссякли )

Учитывать при параллаксе фона background-position: 50% 50%?

указав в скрипте:

('background-position-y', '50% '+

скрипт не работает

Учитывать при параллаксе фона background-position: 50% 50%?

Это получается строка по горизонтали устанавливает 50%, а надо держать в центре по вертикали фон, при этом при скролле наблюдать параллакс этого фона

Учитывать при параллаксе фона background-position: 50% 50%?

ды вот нет чет Все так же

Эффект параллакса до определенной высоты скролла?

display: block, Есть еще одна загвоздка по этой теме Учитывать при параллаксе фона background-position: 50% 50%?

Эффект параллакса до определенной высоты скролла?

display: block, а понял Спасибо =)

Эффект параллакса до определенной высоты скролла?

Спасибо
Если так, то параллакс не замирает:

$(window).scroll(function(e){
  parallax();
});
function parallax(){
  var scrolled = $(window).scrollTop();
  scrolled *= 0.2;
  if(scrolled >400) return;
  $('#lk-conteyner').css('background-position','0 '+scrolled+'px');
}