0

基本的には、5などの列数が設定され、各列(投稿)の幅が画面サイズによって計算されるMasonryテーマを作成したいと考えています。

これを行う方法がわかりません。Masonry のドキュメントなどについては既に読んでいますが、役立つものは何も見つかりません。あなたがそれを助けることができれば素晴らしいです!ありがとうございました!

これまでの私の石積みコーディングは次のとおりです。

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

0 に答える 0