Javascript 图像系列栏

例如，我有一个硬币的图像

我想给出一个从0到例20的值

0: no coin
1: to one coin
2: 2 coin etc
20: 20 coin

收集的6枚硬币应如下所示：

我怎样才能实现这个目标？

$（“.coins”）。每个（函数（）{
var$self=$（本）；
var applyCoins=函数（）{
$self.empty（）；
var硬币=$self.data（“硬币”）；
对于（变量i=coins-1；i>=0；i--）{
var$coin=$（“”）.addClass（“coin”）.css（“top”，（i*20）+“px”）；
$self.append（$coin）；
}
};
$self.on（“loadCoins”，函数（）{
applyCoins（）；
});
applyCoins（）；
});
$（“#按钮”）。单击（函数（）{
$（“.coins”）.data（“coins”，$（“#input”）.val（））.trigger（“loadCoins”）；
});
。硬币{
宽度：120px；
高度：120px；
位置：相对位置；
溢出：可见；
}
.硬币.硬币{
宽度：120px；
高度：120px；
位置：绝对位置；
排名：0；
左：0；
背景色：#FF0000；
边框底部：3px实心#333333；
}



如果您喜欢纯JS：


var maxI=Math.floor（Math.random（）*（21-1））+1；
var-marginCoins=0；
var硬币=[]；
对于（变量i=0；i}
你好。为了帮助你，我们需要更多的信息，比如你需要做什么，你想要怎样做，你知道什么好的，我有一个数据库，里面有结果，我想把结果显示为硬币。我在PHP上工作，所以我想传递来自数据库的PHP值并传递它们，我唯一发现的是评级系统RATY JQuery，在那里我可以用硬币更改星图，但它不起作用。所以我在这里被绊倒了，也许有人曾经尝试过，想得到一些灵感。这是我想要的，我会试试的。