覆盖图像与砌体在WP
overlay images with Masonry in WP
我正在使用砌体和WordPress制作一个小项目来评估图像…
我遇到的问题是,Mansonry的图像与其他图像重叠。
http://postimg.org/image/kmvnzi7sh/这是解决方案,但我不知道如何修复它。——> http://masonry.desandro.com/imagesloaded
在header中我有这个:
<script src="http://code.jquery.com/jquery-2.1.1.min.js"> </script>
在页脚我有这个:
<script type="text/javascript">
var container = document.querySelector('.span12');
var msnry = new Masonry( container, {
// options
itemSelector: '.item-grid'
});
</script>
我不知道该怎么处理这个:masonry.desandro.com/appendix.html # imagesloaded
顺便说一句:我知道有几个插件可以让我想要的效果相同,但我不喜欢使用插件…
我希望有人能帮我解决这个问题!
谢谢!
你只需要包含imagesLoaded脚本并在imagesLoaded回调中初始化砌体,如下所示:
var container = document.querySelector('.span12'),
msnry;
imagesLoaded( container, function() {
msnry = new Masonry( container, {
// options
itemSelector: '.item-grid'
});
});
相关文章:
- 在循环中分配json值时,值被覆盖
- 谷歌地图固定位置覆盖
- 如何在Google柱状图中动态添加行/列
- 只覆盖箭头键滚动事件
- 更改高贴图的缩放级别
- 用与线条相同的颜色填充多折线图上的点
- JQuery覆盖不更改单选选项
- 如何覆盖锚点元素's href目标,并在我点击转到目标javascript时删除其他错误
- 动态更改高图中的系列颜色
- D3.js模式不适用于弧形或圆环图
- d3.js Chord图的动态工具提示
- 用chart.js绘制条形图
- 覆盖高图 X 轴
- 高图表组合图:覆盖线系列标记的列
- 在带有覆盖的页面上使用phantomjs捕获屏幕截图
- 缩放OpenLayers3贴图以覆盖多个矢量层
- Highcharts蜡烛图数据被其他人的数据所覆盖
- 覆盖图像与砌体在WP
- 覆盖d3漏斗图'
- 谷歌图表:组合如何覆盖2条形图.一个在另一个上面