台灣最具影響力的-資訊專家社群 - 讓您成為最有價值的IT專業人才
線上人數
1710
 
會員總數:229142
接案會員:6761
文章總數:2320
討論主題:175207
歡迎您免費加入會員
討論區列表 >> Script >> 關於FB的照片標記功能

[變換順序]
[我要回覆]
1


回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
關於FB的照片標記功能
價值 : 100 QP  點閱數:2895 回應數:1

點圖分享到Plurk吧!
樓主

nyfpos
初學者
105 1
50 10
發送站內信


在Facebook的 我的相片﹣ 牆上相片 中
有一個功能 貼標籤 ...

想做出像這樣的功能.
目前只有一個大致上的構想, 希望可以跟大家多討論, 集思廣益..

先說明 facebook 操作的流程
首先, 點圖片上某個px 會出現一塊正方形的範圍,
然後輸入標籤內容. 儲存後 游標移到那個範圍, 就會顯示該標籤 ...

首先面臨的問題是
正方形範圍應該要多大? 在FB中,是越靠近邊線的正方形越小.
還有就是當多個範圍彼此碰撞的時候該怎麼辦? 可以隨機顯示某個標籤來解決?

另外在顯示標籤的部分, 想用jQuery的maphilight(http://davidlynch.org/js/maphilight/docs/)
不過有個小問題, 不知道要怎樣抓出圖片的座標(不是滑鼠座標) .

另一個部分, 就是儲存座標的部分 ...
目前想到的是 將正方形範圍對角的兩個座標(x1,y1,x2,y2)以及有多少個正方形存回server, 可能可以用ajax存取資料.

大致上,如上面所述. 不知道有沒有沒想到的問題, 或有更好的解決方法, 希望大家多多幫忙 ... :D
本篇文章發表於2010-04-30 09:43
什麼是iT Power資訊報 2010年藍色小舖認證專家風雲榜完全名單
1樓
最有價值解答

alight
檢舉此回應
關於你的小問題...

圖片座標的部分,你可以利用 圖片原本的座標,配合你兩個對角的座標。

進行處理(原本坐標-兩個對角的座標),算出差距,寫入資料庫。

之後讀出來,就利用圖片本身的位置,加上差距,就能重現了...

下面有個小小demo。

希望能幫助到你...







本篇文章回覆於2010-05-01 15:46
--未登入的會員無法查看對方簽名檔--
[變換順序]
1
 

回覆
如要回應,請先登入.