全屏幕砌体主题适用于每个屏幕分辨率?

时间:2012-10-25 23:35:52

标签: jquery screen fullscreen jquery-masonry calculated-columns

基本上我想制作一个具有一定数量列的Masonry主题,例如5,并且每列(post)的宽度将由屏幕尺寸计算。

我不确定如何做到这一点,我已经阅读了关于砌体文档和诸如此类的内容,并且找不到任何有用的内容。如果你能帮助那太棒了!谢谢!

到目前为止,我的砌体编码是:

<script type="text/javascript">
$(window).load(function () {
var $content = $('#posts');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : 'div#pagination', 
nextSelector : 'div#pagination a#nextPage', 
itemSelector : '.entry',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 600,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
});
});
});
</script>

0 个答案:

没有答案