Использование Isotop / jQUery для колумизации постов на Tumblr с бесконечной функциональностью прокрутки - PullRequest
Новая
       3

Использование Isotop / jQUery для колумизации постов на Tumblr с бесконечной функциональностью прокрутки

0 голосов
/ 04 августа 2011

Alrigghht так Это давняя проблема запуска сценария перед загрузкой изображений, и, поскольку он tumblr, нет способа получить размеры изображения до его загрузки в DOM ... http://glorymode.tumblr.com/

$('#thumbnails').infinitescroll({
    navSelector  : ".next a:last",
    nextSelector : ".next a:last",
    itemSelector : "#thumbnails .thumb",
    bufferPx : 7777,
    loadingText: "<span class=\"spectrum\" style=\"diaplay:none\">hold it, cowboy!</span>" },
    function(newElements){
        //$('#thumbnails').infinitescroll("pause");
        //$('.thumb', this).imagesLoaded( function(){
            //$(this).isotope({ animationEngine : 'none', itemSelector : '.thumb', layoutMode : 'masonry' });
            $(this).isotope( 'appended', $( newElements ), function() { /*$('#thumbnails').infinitescroll("resume")*/ } ); 
        //});
    }
);

изотоп предположительно включает в себя плагин imagesLoaded ... похоже, ничего не делает, хотя http://isotope.metafizzy.co/docs/help.html#imagesloaded_plugin

любая помощь будет отличной!

1 Ответ

1 голос
/ 04 августа 2011

Попробуйте это для своего бесконечного обратного вызова прокрутки 

function(newElements){
  var $newElems = $(newElements);
  $newElems.imagesLoaded(function(){
    $('#thumbnails').isotope( 'appended', $newElems );
  });
}

Вам нужно вызывать изображения, загруженные на новые элементы.

...