2013-11-10 83 views
1

我有一個數據庫,它存儲x和y值以及一個布爾值,我用php查詢信息我想要顯示一個圖像並根據圖像的值數據庫我想顯示一個紅色的圓形圖像爲假和一個綠色的圓形圖像真正的第一個圖像的頂部取決於x和y在圖像上顯示圖像的網站開發

我想知道什麼是最好的方法來做到這一點? ,哪種語言最容易實現? css,html,php,javascript

+0

您的語言選擇答案是PHP,CSS,HTML。他們都做了不同的事情 - 實際上,沒有沒有CSS的HTML。 – JAL

回答

1

顯示你的第一個圖像的另一幅圖像可以很容易地實現CSS。控制圖像的z-index,位置標籤和頂部左側css標籤。如果你想添加任何交互,那麼你將不得不使用JavaScript。當然,HTML會被利用,因爲它將會是你網站的結構。所以我的答案將是HTML + CSS

+0

謝謝幫助很多 – user1975060

+0

Alwalys的歡迎 –

1

最好的辦法是在服務器端通過PHP生成正確的CSS + HTML。

1

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} 
    ] 
);