jQuery的Java腳本圖像樹蔭

我有一個形象，我想限制這種圖像上的點擊區域。我希望用戶只點擊特定區域。我想在可點擊區域外側獲得較暗的視圖。我怎麼能實現這個使用Java腳本和/或jQuery。親切的問候jQuery的Java腳本圖像樹蔭

2012-12-11 zontragon

你想做一個特定的形狀？或者你可以使用常規盒子？ – ntgCleaner

只是盒子。實際上只有一個框來確定可能的區域。 – zontragon

可點擊的區域，這只是一個''。對於黑暗的部分，用任何圖像編輯器創意，或者看看[這裏]（http://stackoverflow.com/questions/5249229/darken-image-on-rollover）。 – Noctua

有很多方法來實現的可點擊區域：使用圖像映射： http://en.wikipedia.org/wiki/Image_map

在這個網站看看：http://odyniec.net/projects/imgareaselect/

或使用的div和z指數。

來源

2012-12-11 23:03:27

我設法獲得位置點擊的點。我會忽略允許框中的點擊指向。我想從可點擊區域顯示圖像較暗。 – zontragon

http://odyniec.net/projects/imgareaselect/謝謝！這是我正在尋找的。 – zontragon

您可以使用開發人員工具或螢火蟲（f12）關注鏈接中的內容，然後檢查並發現它們是如何做到的。這是鏈接文件[http://odyniec.net/projects/imgareaselect/usage.html](http://odyniec.net/projects/imgareaselect/usage.html）祝你好運:) –

這可能是困難的，但如果你使用首先要確定一個可點擊的區域，你可以使用jQuery做這樣的事情：在映射區域

懸停，顯示一個透明的黑色格，與圖像大小相同。（這使得圖像更暗）
放在最重要的是另一個div具有相同尺寸的圖像。（這包含了小地圖的大小容器新形象）
將最後的另一個DIV中是相同的大小和位置爲您的映射區。再次
將圖像內的最後一個div和位置，以便它線與原始圖像的 - （不變暗這將包含原始圖像）。

這應該顯示類似你在說什麼。

如果它是比這更復雜，我敢肯定，我們都將需要一個例子，所有這些影像的成果。我不認爲有足夠的細節給你一個真正的答案。

來源

2012-12-11 23:13:51 ntgCleaner

jQuery的Java腳本圖像樹蔭

回答

相關問題