如何根据计数器添加图像？

Question

我想创建一个获取外部信息的网页，并以图片数量显示计数。例如：如果它达到10，它将显示10杯水。 最好的方法是什么？

谢谢！

晒。

Answer 1

使用jQuery（比简单的javascript更容易）添加到@ HasanTahsin的答案：

// Add jQuery
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

// Your script for adding images
<script type="text/javascript">
    $(document).ready(function(){
        for (i=1; i <=n; i++) $(<selector to add html>).append('<img src="blabla"/>');
    });
</script>

n在你的例子10中。

对于外部信息，您需要一些服务器端客户端（PHP，python等）来为您进行选择。你可以通过ajax调用它，再次使用jQuery就像$.get()

一样简单

这是example。