用Less循环生成样式

需求是这样的，我要给一个轮播图设置不同的背景图，由于每张图片的背景图路劲都不一样，所以需要对每个单独的元素自定义图片路径。
然后想到Less语法有mixin机制，就这样实现了一个递归function，
然后将对应的文件名按照这个规则放置就行了，banner1-bg.png, banner2-bg.png,,,,,,

贴出代码：

 @basePicUrl : ******/img/banner;
 .bg ( @a ) {
 　　.pic@{a} {
     background-image: url('@{basePicUrl}@{a}-bg.png');
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src="'@{basePicUrl}@{a}-bg.png'",sizingMethod="scale");
 　　}
 }
 .loop(@counter) when (@counter > 0) {
 　　.bg(@counter);
 　　.loop(@counter - 1);
 }
 .loop(4);