如何在某個XY座標上放大鼠標懸停的圖像？

我顯示一組圖像（小）。當鼠標懸停事件發生在圖像上時，我需要在某個XY座標上顯示較大的圖像（300 * 300），同時較大的圖像必須消失。請給一些解決方案。如何在某個XY座標上放大鼠標懸停的圖像？

2010-04-05 Paul

感謝編輯 – Paul 2010-04-05 05:24:11

'mouseover'是一個事件，你只能在每個Javascript下鉤住。由於Javascript在客戶端運行，它沒有看到任何JSF源代碼。它只能看到由JSF生成的HTML源代碼的HTML DOM樹。換句話說，JSF在這個問題上完全不相關。爲了覆蓋更廣泛的受衆（HTML/Javascript），我強烈建議您根據JSF生成的HTML輸出來編輯，重新標記和重新構建問題。從HTML''元素和一個Javascript函數開始，一旦你開始工作，將它重新放回到JSF源代碼中。 – BalusC 2010-04-05 05:28:56

因此您確實需要image map。由於我從來沒有使用過這些，所以我無法從頭頂部講清楚細節，但鏈接可以幫助你進一步。例如，您可以使用HTML <map> and <area> elements，或繼續使用pure CSS方法。

沒有標準的JSF組件可以代表<map>和<area>元素。然而，Sun JSF教程（巧合）涵蓋了一個custom component example，您可以使用它純粹使用JSF來表示它們。

來源

2010-04-05 20:51:39 BalusC

非常感謝 – Paul 2010-04-06 04:11:47

你好BalusC，你給出的鏈接將在其他日子有用。但我的要求是完全一樣的在http://www.cardsdirect.com/petite-chrsitmas-cards.aspx。我不需要在較小的圖像附近顯示較大的圖像，而需要在所有位置都顯示一個固定位置的較大圖像，並且應該將該組件隱藏在該位置。我希望明確解釋.. – Paul 2010-04-06 04:42:10

如何在某個XY座標上放大鼠標懸停的圖像？

回答

相關問題