瀑布流方式实现图片布局会用到js,然后加载也会相对较慢,如果不用js,在帝国cms后台系统应该怎么实现呢?其实就用最简单的代码,实现瀑布流布局,没有繁琐的css,没有jq,只需要做到以下就可以实现瀑布流的效果。
方法如下:
[!--empirenews.listtemp--] <ul> <!--list.var1--> <!--list.var4--> <!--list.var7--> <!--list.var10--> <!--list.var13--> <!--list.var16--> <!--list.var19--> </ul> <ul> <!--list.var2--> <!--list.var5--> <!--list.var8--> <!--list.var11--> <!--list.var14--> <!--list.var17--> <!--list.var20--> </ul> <ul> <!--list.var3--> <!--list.var6--> <!--list.var9--> <!--list.var12--> <!--list.var15--> <!--list.var18--> <!--list.var21--> </ul> [!--empirenews.listtemp--]
上面的代码就是例用帝国cms的列表调用规则来实现的,思路很简单,整个页面看成是三列布局,分别用三个ul标签来显示,列表项都纵向排列。最后的数字21,一定要是你最后的分页数,否则从22张图片开始,排列序号又不一样了,不妨尝试一下哦!
以上就是关于帝国cms常见问题中"帝国cms如何实现瀑布流方式的图片布局?"的全部内容,如果有遇到帝国cms常见问题其他问题的,可以在评论留言,或者加微信咨询。