D
Deleted member 38196
Guest
Hallo zusammen,
Ich kenne mich nicht gross mit HTML codes aus. Vor kurzer Zeit habe ich ein interaktives Bild hergestellt auf Imagemarker. Die Webseite hat mir ein HTML code generiert, welchen ich in die Jimdo Webseite einfügen wollte. Der Code funktioniert, aber leider jedes Mal wenn ich den Code einfüge gibt es einen Abstand, zwischen dem Titel und dem Bild, den ich nicht finden konnte. Unten ist der kopierte Code. Ich habe schon selber versucht den Code zu ändern aber konnte es leider nicht herausfinden bisher. Für Hilfe wäre ich sehr dankbar.
https://jsonformatter.org/html-viewer (HTML Viewer)
<div id="image-map-pro-container">
</div>
<script src="https://imagemarker.com/editor/public/jsv2/lib/jquery.min.js"></script>
<script src="https://imagemarker.com/editor/public/jsv2/image-map-pro.min.js"></script>
<script type="text/javascript">
//<![CDATA[
;(function ($, window, document, undefined){$(document).ready(function(){$('#image-map-pro-container').imageMapPro({"id":9930,"editor":{"tool":"drag"},"general":{"name":"Weckruf","width":940,"height":10,"naturalWidth":940,"naturalHeight":10,"center_image_map":1},"image":{"url":"https://imagemarker.com/editor/storage/app/images/qh8I0yvIJomzs0DaKJO939MQr5gFHJVdivIB3DAj.jpeg"},"tooltips":{"constrain_tooltips":0},"layers":{"layers_list":[{"id":0,"title":"Main Floor","image_url":"./images/demo.jpg","image_width":1280,"image_height":776}]},"spots":[{"id":"oval-2796","title":"oval-2796","type":"oval","x":39,"y":23.615,"width":10,"height":38.975,"actions":{"click":"follow-link","link":"https://www.quickstarter2025.ch/quickstarter-2025/start/weckruf/","open_link_in_new_window":0},"default_style":{"background_opacity":0},"mouseover_style":{"background_opacity":0},"tooltip_content":{"plain_text":"Weckruf\n","squares_settings":{"containers":[{"id":"sq-container-403761","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"}}]}}]}}},{"id":"oval-177","title":"oval-177","type":"oval","x":52.472,"y":26.629,"width":8.876,"height":36.41,"actions":{"click":"follow-link","link":"https://www.quickstarter2025.ch/quickstarter-2025/start/information/","open_link_in_new_window":0},"default_style":{"background_opacity":0},"mouseover_style":{"background_opacity":0},"tooltip_content":{"plain_text":"Information","squares_settings":{"containers":[{"id":"sq-container-403761","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"}}]}}]}}},{"id":"oval-6817","title":"oval-6817","type":"oval","x":65.169,"y":25.128,"width":9.101,"height":35.897,"actions":{"click":"follow-link","link":"https://www.quickstarter2025.ch/quickstarter-2025/start/stossrichtung/","open_link_in_new_window":0},"default_style":{"background_opacity":0},"mouseover_style":{"background_opacity":0},"tooltip_content":{"plain_text":"Stossrichtung","squares_settings":{"containers":[{"id":"sq-container-403761","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"}}]}}]}}},{"id":"oval-786","title":"oval-786","type":"oval","x":78.391,"y":25.641,"width":8.988,"height":35.386,"actions":{"click":"follow-link","link":"https://www.quickstarter2025.ch/quickstarter-2025/start/anwendungsfälle/","open_link_in_new_window":0},"default_style":{"background_opacity":0},"mouseover_style":{"background_opacity":0},"tooltip_content":{"plain_text":"Anwendungsfälle","squares_settings":{"containers":[{"id":"sq-container-403761","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"}}]}}]}}}]});});})(jQuery, window, document);
//]]>
</script>
Ich kenne mich nicht gross mit HTML codes aus. Vor kurzer Zeit habe ich ein interaktives Bild hergestellt auf Imagemarker. Die Webseite hat mir ein HTML code generiert, welchen ich in die Jimdo Webseite einfügen wollte. Der Code funktioniert, aber leider jedes Mal wenn ich den Code einfüge gibt es einen Abstand, zwischen dem Titel und dem Bild, den ich nicht finden konnte. Unten ist der kopierte Code. Ich habe schon selber versucht den Code zu ändern aber konnte es leider nicht herausfinden bisher. Für Hilfe wäre ich sehr dankbar.
https://jsonformatter.org/html-viewer (HTML Viewer)
<div id="image-map-pro-container">
</div>
<script src="https://imagemarker.com/editor/public/jsv2/lib/jquery.min.js"></script>
<script src="https://imagemarker.com/editor/public/jsv2/image-map-pro.min.js"></script>
<script type="text/javascript">
//<![CDATA[
;(function ($, window, document, undefined){$(document).ready(function(){$('#image-map-pro-container').imageMapPro({"id":9930,"editor":{"tool":"drag"},"general":{"name":"Weckruf","width":940,"height":10,"naturalWidth":940,"naturalHeight":10,"center_image_map":1},"image":{"url":"https://imagemarker.com/editor/storage/app/images/qh8I0yvIJomzs0DaKJO939MQr5gFHJVdivIB3DAj.jpeg"},"tooltips":{"constrain_tooltips":0},"layers":{"layers_list":[{"id":0,"title":"Main Floor","image_url":"./images/demo.jpg","image_width":1280,"image_height":776}]},"spots":[{"id":"oval-2796","title":"oval-2796","type":"oval","x":39,"y":23.615,"width":10,"height":38.975,"actions":{"click":"follow-link","link":"https://www.quickstarter2025.ch/quickstarter-2025/start/weckruf/","open_link_in_new_window":0},"default_style":{"background_opacity":0},"mouseover_style":{"background_opacity":0},"tooltip_content":{"plain_text":"Weckruf\n","squares_settings":{"containers":[{"id":"sq-container-403761","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"}}]}}]}}},{"id":"oval-177","title":"oval-177","type":"oval","x":52.472,"y":26.629,"width":8.876,"height":36.41,"actions":{"click":"follow-link","link":"https://www.quickstarter2025.ch/quickstarter-2025/start/information/","open_link_in_new_window":0},"default_style":{"background_opacity":0},"mouseover_style":{"background_opacity":0},"tooltip_content":{"plain_text":"Information","squares_settings":{"containers":[{"id":"sq-container-403761","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"}}]}}]}}},{"id":"oval-6817","title":"oval-6817","type":"oval","x":65.169,"y":25.128,"width":9.101,"height":35.897,"actions":{"click":"follow-link","link":"https://www.quickstarter2025.ch/quickstarter-2025/start/stossrichtung/","open_link_in_new_window":0},"default_style":{"background_opacity":0},"mouseover_style":{"background_opacity":0},"tooltip_content":{"plain_text":"Stossrichtung","squares_settings":{"containers":[{"id":"sq-container-403761","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"}}]}}]}}},{"id":"oval-786","title":"oval-786","type":"oval","x":78.391,"y":25.641,"width":8.988,"height":35.386,"actions":{"click":"follow-link","link":"https://www.quickstarter2025.ch/quickstarter-2025/start/anwendungsfälle/","open_link_in_new_window":0},"default_style":{"background_opacity":0},"mouseover_style":{"background_opacity":0},"tooltip_content":{"plain_text":"Anwendungsfälle","squares_settings":{"containers":[{"id":"sq-container-403761","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"}}]}}]}}}]});});})(jQuery, window, document);
//]]>
</script>