自定义Tumblr照片与无限滚动

时间:2014-05-04 16:42:34

标签: javascript jquery tumblr

我一直想知道如何将自定义tumblr photoset大小的代码用于无限滚动

  <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>

1 个答案:

答案 0 :(得分:3)

我认为您需要修改它以接受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 );

});

当通过回调完成无限滚动时,您需要找到新的 photosets

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

希望有所帮助!