imagemap

    1熱度

    4回答

    我正在嘗試構建一個圖像映射鏈接,將圖像替換爲另一個圖像。這個想法是,用戶可以點擊一個小的定義區域(即「點擊這裏」),圖像將交換到第二個圖像。第二個圖像將有一個小區域表示「上一個」,因此單擊相同的區域將使圖像返回到原始區域。 這是據我所知,到目前爲止沒有圖像變化,但它看起來像圖像映射工作。 任何人都可以弄清楚如何讓這個工作正常嗎? HTML: <div id="picture_here">

    0熱度

    1回答

    我有這個和平的Javascript代碼。我有一張照片,我想在mouseover上執行一個imageflip。 在瀏覽器中顯示它,顯示原始圖像。當我將鼠標放在指定區域上時,光標變爲手,但圖像不會翻轉。因此,它識別定義的區域(帶有座標創建的多邊形),但它不會翻轉。 <html> <head> </head> <body> <img name="juego_paramo" src=paramo

    0熱度

    1回答

    我被困在這個問題上 - 我在單個頁面上有4個img maps。我在頁面頂部有一個autocomplete search field,並且在輸入要搜索的字符串時,每個地圖上的區域都將突出顯示。 最後一步就是我想要做的是,當我選擇建議的單詞要突出僅1對應的區域(這樣做)和移動(滾動)到這個區域。但我似乎無法得到這個工作。 每個area具有獨特的id像這樣: <area id="1-1-5" href=

    0熱度

    1回答

    我有一張圖片地圖,可以說從加拿大來的省份。徘徊在各省突出了省。我希望每個省都可以點擊。一旦點擊,一個新的窗口將被打開,從JS,jQuery,HTML和CSS的測驗版本運行,關於被點擊的省。 圖像地圖和突出顯示的作品,測驗的作品也是如此。我無法將它們放在一起。 我不想要的是這樣的。 <area shape="poly" coords="0,161,4,161,4,162,12,162,12,163,

    0熱度

    1回答

    當鼠標懸停在圖像熱點上時,我正在使用Imagemapster JavaScript庫生成數據。 在除IE9以外的所有瀏覽器中,應用程序都正常工作(當將鼠標懸停在某些數據顯示的熱點上時)。我找不到任何解決方案。

    1熱度

    2回答

    我無法用看似簡單的插件功能:https://github.com/kemayo/maphilight 我試過無數的東西,不斷收到:Uncaught TypeError: undefined is not a function從我的一個在main.js代碼行。 我正在使用jquery和maphilight的最新穩定版本。 main.html中: <body> <img class="img

    1熱度

    1回答

    我在wordpress主題的標題中有一個圖像鏈接地圖,我需要在750px下進行響應。我已經能夠使鏈接顯示在標題中,但他們不活躍,我不知道爲什麼。現在我只是想讓「p1」鏈接起作用。 網站是在這裏:indie-scene.com 這裏是我的PHP: <div class="header header-default"> <img src="<?php echo $ti_option['si

    -1熱度

    1回答

    我似乎無法讓圖像映射正常工作,我不知道有什麼問題。有人可以幫忙嗎? <img src="http://i.imgur.com/PJqtHll.jpg" width="742" height="798" border="0" alt="image" usemap="#Map" /> <map id="Map" name="Map"> <area shape="poly" coords="57,46

    3熱度

    1回答

    最近正在處理圖像地圖並嘗試在圖像地圖上進行懸停操作。自然我第一次嘗試.hover(),但那不起作用,所以當我嘗試.mouseover()工作。 我的問題是,爲什麼一個人工作,而不是另一個? /*This function works*/ $(document).on('mouseover', '#some-map', function(){ console.log('I am hove

    2熱度

    1回答

    我在一個頁面上有多個圖像,全部使用相同的圖像映射。我需要知道用戶點擊了什麼圖片。麻煩的是$(this)返回對<area>的引用,而不是<img>。下面的代碼: <img src="image.png" usemap="#imageMap"/> <img src="image.png" usemap="#imageMap"/> <img src="image.png" usemap="#imag