Image Map mehr Hotpots

  • Hallo


    ich muss eine Deutschlandkarte erstellen und würde gerne das Widget Image Map verwenden, leider gibt es hier nur 10 Hot spots ist es möglich diese auf 16 zu erhöhen oder wenn man es rund haben möchte auf 20? Das wäre Klasse!


    VG Mandy

  • Hallo Mario,


    zuerst mal ein großes Lob für Dein Widgets "Image MAP". Ich habe schon vergebens im Netz nach einer Möglichkeit gesucht, ohne HTML-Kenntnisse mehrere Hotspot in einer Landkarte zu integrieren.

    Als Test habe ich die Version 2.1 installiert und gleich erfolgreich losgelegt. Nach ein paar Hotspots merkte ich, dass die Anzahl auf 20 reduziert ist,was warscheindlich die meisten Anwendungen auch abdeckt.

    Für meine Anwendung bräuchte ich jedoch 40 und weis nicht, wie ich das hinkriegen soll. Mit dem Code,denn Du schon mal in eine Antwort eingefügt hast (https://www.zella.de/code/imagemap-responsive.html) bin ich überfordert und weis nicht, welchen Quellcode ich ändern,kopieren....soll.


    Vielleicht kannst Du mir auch als "Einsteiger" helfen.


    Schöne Grüße

    Peter

  • 20 Hotspots ist schon heftig, das wird sicher unübersichtlich.

    In dem Code musst du eigentlich lediglich im Quelltext die Hotspots entsprechend erweitern.


    Ich habe die Hotspots mal umbenannt damit du es einfacher sehen kannst was erweitert werden muss.

    Einfach <!-- HotSpot01 --> bis <!-- HotSpot18 --> entsprechend erweitern


  • Hallo Mario,


    vielen Dank für die RÜ


    Ist für mich doch etwas schwieriger,in den Quellcode einzugreifen!


    Zu meiner Vorgehensweise:


    Im Editor Zeta Producer rufe ich die zu bearbeitende Seite auf und in der Darstellung re. Maustaste kommt der Quelltext mit dem Editor geöffnet.


    Hier kann ich auch die Datei bearbeiten,doch wo soll ich jetzt Speichern ? geöffnet wurde mir ja ein *.tmp Datei.


    Speichere ich im Ordner preview od. autput ? beides probiert und hat nicht funktioniert.


    Wurde mein Hotspot 21 meinerseits auch richtig eingefügt ?


    <div onclick="" class="HotSpot bullet WZP-Artikel_1789" style="top: 30%; left: 70%;">

    <p style="left: -0px;">

    <span>test19</span>

    <img src="media/images/Bild1.jpg" alt="" title="">

    <a href="" style="cursor: auto;">weiter</a>

    </p>

    </div>




    <div onclick="" class="HotSpot bullet WZP-Artikel_1789" style="top: 50%; left: 70%;">

    <p style="left: -0px;">

    <span>test20</span>

    <img src="media/images/bild2.jpg" alt="" title="">

    <a href="" style="cursor: auto;">weiter</a>

    </p>

    </div>



    <div onclick="" class="HotSpot bullet WZP-Artikel_1789" style="top: 50%; left: 70%;">

    <p style="left: -0px;">

    <span>test21</span>

    <img src="media/images/bild3.jpg" alt="" title="">

    <a href="" style="cursor: auto;">weiter</a>

    </p>

    </div>


    Schöne Grüße

    Peter

  • Mario

    Hat den Titel des Themas von „Image Map mehr Horspots“ zu „Image Map mehr Hotpots“ geändert.
  • Ich sehe schon das wird so nichts. Lösche alles was du bisher angelegt hast.

    Was du mit Rechtsklick > Quelltext geändert hast kannst du so lassen, das löscht ZP sowieso wieder.


    Ich habe das Widget für dich auf 40 HotSpost erweitert und hier angehängt.

    Dieses kannst du parallel zu dem anderen installieren, solltest aber nicht beide gleichzeitig in einem Projekt verwenden.

    Kann sein das die Performens von ZP aufgrund der vielen Felder etwas nachlässt wenn du das Widget gerade anlegst, diesbezüglich bitte mal berichten.


    wzp-image-map-40.zip

  • Hallo Mario,

    ich kann mich nur höflichst bei Dir bedanken,dass Du so einen doch spezielen Wunsch an das Widgets nachgekommen bist. Ist heute nicht mehr ganz so selbstverständlich,dass einem spontan mit doch höherem Aufwand eine perfekte Hilfe angeboten wird.:thumbup::thumbup:


    Sobald ich die Karte fertig habe (wird aber etwas dauernen), melde ich mich über die Performance.


    Nochmal ein dickes Danke


    Grüße

    Peter