Mouseonclick顯示/隱藏div圖片？ [jquery/css]

我一直在尋找一堆不同的問題和答案，在這裏我需要做一個項目。我仍然不確定最好的解決方法。Mouseonclick顯示/隱藏div圖片？ [jquery/css]

在這一點上，我有一個大的圖像，其中一部分圖像被切割成5個不平坦的部分。每個部分/部分是一個類別。點擊時，該部分的顏色會發生變化，並且某些圖像和文本應顯示在圖像右側的獨立格子中。我幾乎是jquery的新手，但我有js和css背景。

我不確定是否需要突出顯示圖像的部分（onmouseover）。但也會喜歡這種可能性。

我想知道是否應該使用圖像映射或pagx，onclick事件的pagey座標？另外，我怎樣才能用突出顯示的版本替換該部分？

我想我想替換另一個圖像，顯示用戶，他點擊該部分的部分。

我寧願不使用插件只是直接編碼。

2012-05-13 flaming_nonsense

從[常見問題]（http://stackoverflow.com/faq#dontask）：_你應該只根據你面對的實際問題提出實際的，可回答的問題。聊天，開放式問題會降低我們網站的實用性，並將其他問題推到首頁。**您可以訪問：[http://www.learningjquery.com/]（http://www.learningjquery.com/） .com /）和[http://jquery.com/]（http://jquery.com/）。 – Zuul

這是一個有效的問題 - 圖像地圖vs pagex pagey座標。另外用另一個圖像覆蓋圖像。 –

這是一個開放式的結局，我相信是@Zuul解釋的。也許你可以放一些關於圖像和部分的細節。也許甚至嘗試一些東西，並用你試過的一些代碼編輯問題，這樣我們可以更好地理解你的問題。幫助更清楚和直接的事情會更容易。 – matthewnreid

如果你真的是停留在如何啓動編碼像你的問題描述，我相信沒有答案將永遠是不夠好，而是要你指出一些路徑上（正確與否）：

這裏一個Imagemap rollover using jQuery的工作示例。

另外：

關於如何建立一個interactive image map with Jquery!

這兩項爲您提供一個起點，你所描述的另一個教程！

祝您工作順利！

來源

2012-05-13 18:32:50 Zuul

謝謝這是我可以使用的跳轉點！ –

http://www.svennerberg.com/2008/09/imagemap-rollover/第一個鏈接已經死了正確鏈接 –

@flaming_nonsense tks，現在已更新！ – Zuul

你真的應該提供一些代碼，但我認爲圖像映射是更好的解決方案。 Here是圖像映射的演示。看看它，你會看到這個解決方案是否適合你。

來源

2012-05-13 17:44:40 simekadam

謝謝 - 這看起來像我可以使用的東西！ –

Mouseonclick顯示/隱藏div圖片？ [jquery/css]

回答

相關問題