ImageMap-Erstellung auf Website - Vorschläge

Question

Ich brauche einige Vorschläge für eine Open-Source-Lösung zum Erstellen von Image-Maps auf meiner Website und dann in der Lage, die Image-Maps zu speichern und auf einer separaten Seite anzuzeigen.

Ich möchte auch die Möglichkeit, jeden ausgewählten Bereich als separate Bilddatei (jpeg/gif/png) zu speichern.

Hat jemand irgendwelche Vorschläge?

Ich habe über diese kommen: http://www.maschek.hu/imagemap/imgmap aber es ist ziemlich alt und nicht sehr benutzerfreundlich. Die Fähigkeit, die Imagemaps zu speichern, fehlt, obwohl es den generierten Code gibt.

Auch wenn es einfacher wäre, es selbst zu erstellen, würde ich Tutorials/Anweisungen beachten.

Vielen Dank.

Answer 1

Sie haben soeben DIV als background mit in Bild erstellen kann, dann setzen float von absolute andere Position div s haben, innerhalb dessen als Link sein wird:

<div style="width:500px; height:500px; background: #FAFAFA url('someImage.png') center center;"> 
    <div style="width:250px; height:250px; float:left;" onclick="location.href='http://someurl.com'"></div> 
    <div style="width:250px; height:250px; position:absolute; top:20px; right:5px" onclick="location.href='http://someurl.com'"></div> 
</div> 

Answer 2

Wenn Sie mit Image-Maps arbeiten, würde ich Beratung Sie sehen ImageMapster JQuery plugin, kann es wirklich mit vielen Image-Map-Manipulationsaufgaben helfen.

Und die Aufgabe, Imagemaps mit der Möglichkeit zu speichern, sie separat zu betrachten, ist sehr unausführlich und schwer zu implementieren, ich denke, Sie sollten wieder nachdenken, wenn Sie das wirklich brauchen.