javascript - 具有无限滚动功能的自定义 Tumblr 照片集

Question

我一直想知道如何获得自定义 tumblr 照片集大小的代码以支持无限滚动

  <script type="text/javascript">
    /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
    $(document).ready(function() {
    function photosetResize() {
        $('iframe.photoset').each(function(){
            var newSize = 200;
            var newSrc = $(this).attr('src').replace('500',newSize);
            $(this).attr('src', newSrc).width(newSize);        
            var high = $(this).css('height');
            var calculate = parseInt(high, 10)* newSize/500;
            $(this).css('height', calculate);
        });
    }
    photosetResize();

    });
</script>

Answer 1

我认为您需要修改它以接受 jQuery 对象/集合:

$(document).ready(function() {

var $iframes = $('iframe.photoset');

function photosetResize($iframes) {
    $iframes.each(function(){
        var newSize = 200;
        var newSrc = $(this).attr('src').replace('500',newSize);
        $(this).attr('src', newSrc).width(newSize);        
        var high = $(this).css('height');
        var calculate = parseInt(high, 10)* newSize/500;
        $(this).css('height', calculate);
    });
}

photosetResize( $iframes );

});

当无限滚动完成时，您将需要通过其回调找到新的照片集。

var $newIframes = $(arrayOfNewElems).find($iframes.selector);

希望有帮助!