<script type="text/javascript" src="模板目錄/js/macy.js"></script>
<script>
	var masonry = new Macy({
		container: '#macy-container',
		trueOrder: false,
		waitForImages: false,
		useOwnImageLoader: false,
		debug: true,
		mobileFirst: true,
		columns: 1,
		margin: {
			y: 16,
			x: '2%',
		},
		breakAt: {
			1200: 6,
			940: 5,
			520: 3,
			400: 2
		},
	});
</script>

<div class="container">
	<div id="macy-container">
	<!-- {foreach from=$new_articles item=article key=key name=sort} -->
		<a href="{$article.url}" title="{$article.title|escape:html} {$article.add_time}">
			<div class="macy wow fadeInTop">
				<img src='{insert name="GetImageSrc" id=$article.id}' alt='{$article.title|escape:html} {$article.add_time}' />
				<div class="title">
					{$article.short_title}
				</div>
				<div class="add_time">
					{$article.add_time}
				</div>
			</div>
		</a>
	<!-- {/foreach} -->
	</div>
</div>