2016-08-14 62 views
1

我在頁面上繪製地圖。當你移動一個物體改變圖像(簡單的繪畫領域指導的效果+圖像中已經添加了更多的銘文,這是主要替換的) 在作品中的頁面html中,以及在VIEV中添加了rails應用程序不工作(不查看圖像)。 如何添加圖像映射在Rails應用程序導軌中的圖像映射不起作用

<div> 
    <p> <img id="map5" src="001_0.png" width="1200" height="480" usemap="#Navigationmap5"> </p> 
    <p><map name="Navigationmap5"> 
    <area shape="poly" coords="293,415,395,414,522,416,524,448,433,451,433,456,388,456,343,457,259,461,229,458,175,456,176,423,227,417" href="#" title=""onmouseover="document.getElementById('map5').src='001_12.png'" onmouseout="document.getElementById('map5').src='001_0.png'"> 
    <area shape="poly" coords="164,399,164,410,222,400,233,399,242,399,259,399,276,399,291,398,522,402,522,390,292,383,274,385,259,385,243,385,226,385,165,398" href="#" title="" onmouseover="document.getElementById('map5').src='001_21.png'" onmouseout="document.getElementById('map5').src='001_0.png'" > 
    </map></p> 
</div> 

回答

0

我懷疑你的問題是硬編碼的圖像鏈接在這裏:

<img id="map5" src="001_0.png" width="1200" height="480" usemap="#Navigationmap5"> 

您可以更改到image_tag(把你的實際圖像在assets/images文件夾中)

<%= image_tag "001_0.png", :id => "map5", :width => "1200", :height => "480", :usemap => "#Navigationmap5" %> 

或類似的東西。 注意:這尚未經過測試 - 您需要檢查rails文檔並確保其正確。