2012-04-13 181 views
4

我需要爲客戶的網站「建立」圖像。將有一個核心圖像,然後將其疊加在其上的其他幾個可互換的圖像。是否有像這樣的jQuery工具?

因此,在網站的管理部分,用戶將能夠查看核心圖像並點擊它來設置點(我們稱之爲註冊點),它將設置其他圖像顯示時的位置最終的圖像是建立的。

只是想知道是否有人做過類似的事情,或者如果有某種jQuery工具可以真正幫助我實現這一點。

在此先感謝您的幫助。

回答

3

不能爲你找到一個,所以你必須自己構建它。

我在這裏做了一個小小的演示,管理員可以點擊地圖並使用html5畫布插入標記。

您需要做的其他事情是存儲數據並將其作爲json數組提供給實時頁面。

http://jsfiddle.net/QLT4v/

即使世界幾個有始有終,但要注意如何頂部圖片的點擊被底地圖上的標誌來表示。中間的文本框包含您需要存儲和呈現的數據。

希望這點你朝着解決

編輯:

更新版本顯示了使用絕對定位的div解決方案。請注意位置:父div上的相對位置。可能是什麼導致您的管理部分出現問題。

CON:沒有一個圖像.. 親:不是一個圖像 - >容易附着功能,例如懸停/的onclick項

http://jsfiddle.net/QLT4v/1/

+0

感謝斯蒂恩。到目前爲止,我使用相同的邏輯來保存點。但是當我在管理員中再次展示他們時,用戶可以看到點的位置並進行任何更改,但他們不會確切顯示他們之前的位置。我基本上有一個以核心圖像爲背景的div,然後將div放在頂部,並在其中放置點圖像。看起來第一個div的大小會推低其他divs或類似的東西。所以也許答案是使用畫布標籤。 – jaz872 2012-04-16 02:17:10

+0

我還沒有使用自己的畫布標籤。我會不會遇到使用它的舊瀏覽器的問題? – jaz872 2012-04-16 02:20:31

+0

爲html支持檢查http://findmebyip.com/litmus或其他。但是沒有理由這樣做,如果你對位於「主」圖像頂部的圖像感到滿意。查看更新的jsfiddle。注意點擊按鈕添加所需的圖像。 – Steen 2012-04-16 07:27:27

相關問題