Slideshow mit Sprungmarken-Funktion

    Liebe Leute,

    ich möchte gerne eine Slideshow einrichten, bei der man auf eine bestimmte Stelle weiter unten auf der Seite landet, wenn man auf eines der Bilder klickt.

    Bsp: Der User klickt auf Bild 1 und springt damit zur Zwischen-Überschrift XY, die weiter unten auf der Seite aufgeführt ist.

    Installiert habe ich verschiedene Slideshow-Plugins - u. a. Gallery by Supsystic, mit der ich im Grunde sehr zufrieden bin - kann aber nirgendwo eine Möglichkeit entdecken, diese Sprungmarken zu setzen. Immer nur Verlinkungen.

    Ich bin in Sachen WP und Programmierung nicht sehr bewandert und habe mir er-googelt, dass ich Sprungmarken von Text zu Text via HTML erstellen kann (z. B. <a href="#Anker 5">).

    Meine Frage: Kennt jemand eine Möglichkeit, mit der ich in das Link-Feld der Slideshow so ausfüllen kann, dass ich die o. g. HTML-Lösung verwenden kann?

    Alternativ: Kennt jemand ein Plugin, bei dem sowas womöglich schon voreingestellt ist?

    Vielen Dank und beste Grüße!
    rheuma

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Also das würde man so lösen, dass Du der Zwischenüberschrift eine id zuweist:

    HTML
    <h2 id="ankername">Überschrift</h2>

    Das kannst Du machen indem Du im Wordpress-Editor in den Quelltext-Modus wechselst.
    Auf diese id verlinkst Du dann so wie Du es beschrieben hast in Deiner Slideshow. Also in diesem Fall so in etwa:

    HTML
    <a href="#ankername">xyz</a>

    Viele Grüße,
    Florian

    Hab's jetzt gelöst: Habe die Sprungmarken wie bekannt gesetzt <a name="Anker 1"></a> und anschließend die Bilder mit einer URL versehen, bei der ich "#Anker 1" hinzugefügt habe. Also z. B. http://www.meineSeite.de/#Anker 1

    Klappt prima: Golfschläger-Arten

    Bin mir noch nicht ganz sicher, ob diese Variante optimal ist, da die Seite scheinbar jedes Mal neu geladen wird... (Wie gesagt, ich bin in technischen Dingen eher unbedarft.)

    VG und bis dahin
    rheuma

    Zitat von rheuma

    […] und anschließend die Bilder mit einer URL versehen, bei der ich "#Anker 1" hinzugefügt habe. Also z. B. http://www.meineseite.de/#Anker 1
    […]
    Bin mir noch nicht ganz sicher, ob diese Variante optimal ist, da die Seite scheinbar jedes Mal neu geladen wird...


    Wahrscheinlich ist des Pudels Kern, dass du den vollständigen Pfad verlinkt hast. Versuche einmal, wirklich nur den Anker zu verlinken, so wie von nomainstream in #2 beschrieben. Dann wird die Seite nicht neu geladen.

    Ob du deine Sprungmarke als id="" oder name="" definierst, ist beinahe huppe. – Außer, du schreibst html5:

    Zitat von selfhtml

    Das name-Attribut gilt in HTML5 als deprecated.


    https://wiki.selfhtml.org/wiki/HTML/Rege…nterne_Verweise

    Gruß
    helix

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden