Question

我有一个数据库，它存储x和y值以及布尔值，我用php查询信息我希望显示一个图像，并根据数据库中的值显示该图像我希望在第一个图像的顶部显示虚假的红色圆圈图像和绿色圆圈图像，具体取决于x和y

我想知道最好的方法是什么？以及哪种语言最容易实现？ css，html，php，javascript

Answer 1

最好的办法是在服务器端通过PHP生成正确的CSS + HTML。

Answer 2

JavaScript + CSS是我对图像注释的建议，我建议ZURB jQuery Plugin这样做。

这个ZURB样本似乎与你想要完成的非常相似：

$('#numberedNutmeg').addAnnotations(function(annotation){
    return $(document.createElement('span')).
    addClass('black circle note').html(annotation.position);
},[
    {x: 0.3875, y: 0.3246, position: 4}, 
    {x: 0.57, y: 0.329, position: 2}
  ]
);

Answer 3

使用css可以轻松地在第一张图像上显示另一张图像。控制图像的z-index，位置标记和top，left css标记。如果你想添加任何交互，那么你也必须使用javascript。当然，HTML将被利用，因为它将是您网站的结构。所以我的ans将是HTML + CSS

Web开发在图像顶部显示图像

3 个答案: