2016-08-14 5 views
1

I maping auf der Seite. Wenn Sie ein Objekt bewegen ändert sich das Bild (der Effekt einer einfachen Malerei Feldführung + zusätzliche Beschriftungen wurden bereits in das Bild, das die wichtigsten ersetzt ist) In der Seite HTML in Arbeit, und wenn Sie in VIEV in Schienen hinzufügen App funktioniert nicht (Bild nicht anzeigen). Wie Imagemap in Schienen-appImage-Karte in Schienen funktioniert nicht

<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> 

Antwort

0

Ich vermute, Ihr Problem ist die hartcodierte Bild-Link hier hinzufügen:

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

Sie können das ändern zu einem image_tag (und stellen Sie Ihre aktuelle Bild im Ordner assets/images)

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

oder so ähnlich. Hinweis: Dies wurde nicht getestet - Sie müssen die Rails-Dokumente überprüfen und sicherstellen, dass es korrekt ist.

Verwandte Themen