方维购物分享系统在分享瀑布流中加入广告位

上面这张图片展示了美丽说–逛宝贝页面中，瀑布流中的广告位，美丽说作为国内女性购物分享网站的佼佼者，其精美的内容，清晰的运营思路，是值得我们站长学习的，尤其是网站内的广告位，穿插的恰到好处，就拿上面图片中的广告位而言，广告所在的位置，既不会影响到网站美观，也不影响用户体验，而且广告的内容可以根据分类或者标签的不同而改变，可以大大提升广告的价值，为运营增加收益。

  那么如何在方维程序加入这个广告位呢，其实呢，如果在其它地方创建广告位，是一件很简单的事情，但是这个广告位是在瀑布流中的，在这里添加广告位是否会影响到瀑布流的布局，答案是肯定的，但是如果我们进行一些修改，是可以完成这个要求的，首先要分析瀑布流的显示原理。

  方维的瀑布流是采用的/public/js/jquery.masonry.js这个jQuery插件完成的，在你当前模板文件的page/book/book_index.htm中：

 $(‘#imagewall_container’).masonry({
  itemSelector: ‘.i_w_f’,
  isAnimated:true,
  gutterWidth:15,
  gutterHeight:8,
  columnWidth:225,
  cornerStampSelector:’.corner_stamp’
 });

这段代码创建的瀑布流显示效果， cornerStampSelector:’.corner_stamp’代码是我自己添加的，.corner_stamp就是广告位的div的class名称，这两个英文很明显的说明是“角上的图标”，添加这个广告位需要对jquery.masonry.js进行修改，具体修改办法可以去jquery.masonry.js官方查看:

http://masonry.desandro.com/demos/corner-stamp.html