Flußdiagramm oder verschiedene Links in einem Bild

    Hallo,

    auf einer Webseite würde ich gerne einen Prozess darstellen. Dieser ist in Form eines Flußdiagramms vorhanden.

    Gibt es die Möglichkeit bei Zeta ein Flußdiagramm in einer Seite darzustellen? Gerne hätte ich, dass man in dem Flußdiagramm Bereich anklicken kann und diese führen einen dann über einen Link zu einer anderen Seite.
    Oder - gibt es die Möglichkeit in einem Bild an verschiedenen Pixel-Positionen unterschiedliche Links zu definieren, dann könnte ich den Prozess als Bild einfügen.

    Vielleicht gibt es auch noch eine Lösung?

    Viele Grüße
    Thomas Kuhn

    In HTML kann man eigene Links für verschiedene Bereiche einer Grafik definieren, indem man eine sogenannte Imagemap erstellt.

    Zeta Producer bietet hierfür keine integrierten Werkzeuge, wenn Sie aber die Imagemap mit einer anderen Software erzeugen, können Sie diese und die Grafik selbstverständlich in ein Zeta Producer-Projekt integrieren – z.B. als Quelltext-Artikel oder über die HTML-Ansicht im normalen Artikel-Editor.

    Es gibt auch Online-Generatoren für Imagemaps. Hier mal ein zufällig per Suchmaschine gefundener Link: http://www.sebastianviereck.de/html-image-maps-online-generieren/

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Hallo Herr Seiz,

    kann ich auch eine JavaScript-Funktion in das Quelltextfenster einsetzten?
    Dann könnte ich noch einen Mouseover-Effekt einbauen.

    Viele Grüße
    Thomas Kuhn

    Hallo,

    klar können Sie das. Alles was in HTML-Dokumenten innerhalb des <body> an Quelltext erlaubt ist können Sie dort einsetzen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Hallo,

    hier wird eine Mouseoverfunktion beschrieben: http://www.computerbase.de/forum/showthread.php?t=696109

    <script type="text/javascript">
    function show(showpic) {
    $('bilddiv').display = 'block';
    $('bilddiv').innerHTML = '<img src="images/' + showpic + '" alt="Bild" />';
    }
    function unshow() {
    $('bilddiv').display = 'none';
    }
    </script>

    Die Funktion sitzt nicht im Body sonder im Head. Heißt das, ich kann sie nicht verwenden?
    Gäbe es vielleicht eine Alternative wie ich so eine Mouseover-Funktion zum Laufen bringen könnte?

    Viele Grüße
    Thomas Kuhn

    Hallo,
    ich vermute diese Funktion wird auch funktionieren, wenn Sie innerhalb des Body verwendet wird.

    Wenn Sie JavaScript im Header hinzufügen wollen, können Sie das über das Attribut "google_analytics" entweder global oder seitenbezogen machen -> http://homepage-erstellen-mit-desktop-cms.zeta-producer.com/attribute.html.

    Beachten Sie aber, dass Geräte mit Touch-Oberfläche (Smartphones, Tablets) einen MouseOver nicht unterstützen, da ist es besser so etwas bei Klick statt MouseOver zu machen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Danke schon mal für die Hinweise.

    Eine andere Frage. Das Bild, was ich jetzt über das HTML-Fenster anzeige liegt irgendwo in der Bilderverwaltung von Zeta.
    Den Pfad habe ich als "http://localhost:12187/preview/media/…gen-MAF_600.jpg" ausfindig machen können.
    Kann ich diesen Pfad auf relativ angeben, damit er auch funktioniert, wenn ich die Seite später auf dem FTP-Server online stelle?

    Viele Grüße
    Thomas

    Hallo,

    den korrekten Pfad erhalten Sie in der Bildverwaltung im Menü "Werkzeuge" mit der Option "Objekt-ID kopieren". Das sind dann links in der Form "oid://image/chrysanthemum_jpg". Diese Art link wird dann immer entsprechen umgewandelt, dass der Pfad aufs Bild stimmt, ob in der internen Vorschau oder auf dem Webserver…

    Bei Pfaden zu Seiten verhält es sich ähnlich. Diese Pfade erhalten Sie über einen Rechtsklick auf die Seite und die Wahl der Option "Erweitert > URL kopieren".

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Hallo,

    bei den Bildern klappt es noch nicht. Ich finde die Option "Objekt-ID kopieren" nicht in der Bildverwaltung.
    Ich finde nur Informationen zum Dateinamen.

    Können Sie es noch etwas genauer erklären?

    Viele Grüße
    Thomas Kuhn

    Hallo,

    • Bildverwaltung im Menü "Website" über "Erweitert > Bilder" öffnen.
    • Gewünschtes Bild anklicken
    • Dann im Fenster oben auf den Button "Werkzeuge" klicken
    • und die Option "Objekt-ID kopieren" wählen
    • Nun haben sie den korrekten Link zum Bild in der Zwischenablage und können ihn per CTRL-V irgendwo einfügen

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden