1

x と y の値とブール値を格納するデータベースがあり、php で情報を照会します。データベースからの値に応じて画像を表示し、この画像の上に false の赤い円の画像を表示したいx と y に応じて、最初の画像の上に true の緑色の円の画像

これを行うための最良の方法は何ですか?また、実装が最も簡単なのはどの言語ですか? css、html、php、ジャバスクリプト

4

3 に答える 3

1

最善の方法は、サーバー側で PHP を介して正しい CSS + HTML を生成することです。

于 2013-11-10T04:31:38.463 に答える
1

JavaScript + CSS は、画像に注釈を付けるための私の提案であり、ZURB jQuery プラグインを使用することをお勧めします。

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}
  ]
);
于 2013-11-10T04:31:46.737 に答える
1

最初の画像に別の画像を表示することは、css を使用して簡単に実現できます。画像の z-index、position タグ、および上部と左側の css タグを制御します。インタラクションを追加する場合は、JavaScript も使用する必要があります。もちろん、HTMLはサイトの構造になるので活用します。だから私の答えはHTML + CSSになります

于 2013-11-10T04:32:17.117 に答える