x と y の値とブール値を格納するデータベースがあり、php で情報を照会します。データベースからの値に応じて画像を表示し、この画像の上に false の赤い円の画像を表示したいx と y に応じて、最初の画像の上に true の緑色の円の画像
これを行うための最良の方法は何ですか?また、実装が最も簡単なのはどの言語ですか? css、html、php、ジャバスクリプト
x と y の値とブール値を格納するデータベースがあり、php で情報を照会します。データベースからの値に応じて画像を表示し、この画像の上に false の赤い円の画像を表示したいx と y に応じて、最初の画像の上に true の緑色の円の画像
これを行うための最良の方法は何ですか?また、実装が最も簡単なのはどの言語ですか? css、html、php、ジャバスクリプト
最善の方法は、サーバー側で PHP を介して正しい CSS + HTML を生成することです。
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}
]
);
最初の画像に別の画像を表示することは、css を使用して簡単に実現できます。画像の z-index、position タグ、および上部と左側の css タグを制御します。インタラクションを追加する場合は、JavaScript も使用する必要があります。もちろん、HTMLはサイトの構造になるので活用します。だから私の答えはHTML + CSSになります