用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);