mittels ESC Bilder schließen

    Hallo,

    ich habe leider nichts passendes gefunden...

    ich füge derzeit meine Bilder mit folgendem Code ins WP ein:

    Zitat

    [caption id="attachment_150" align="alignleft" width="300" caption="xxxxxxxxx"]<div style="font-size: 8pt; font-familiy: verdana, arial, helvetica, sans-serif; padding: 0px 10px 0px 5px;"><a class="wmp" href="http://xxxxxxxxx/wp-content/uploads/2013/05/xxxxxxxxx.png"><img class="aligncenter size-full wp-image-348" title="Kroko" src="http://xxxxxxxxx/wp-content/uploads/2013/05/xxxxxxxxx.png" alt="xxxxxxxxx" width="300px" /></a></div>[/caption]

    daraufhin öffnet sich das Bild in Originalgröße. Mein Ziel ist es nun, dass wenn man die Taste "ESC" drückt, dass das Bild wieder verschwindet... so wie wenn man es schließt...
    Habe leider bislang nichts gefunden, habt ihr ne Idee wie ich das hinbekomme bzw. habt ihr ne Idee wo ich was wie verändern muss?

    PS: ich verwende das Theme Panorama in angepasster Form...

    Einmal editiert, zuletzt von 1stEagle (1. Dezember 2013 um 16:03)

    • 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

    Ein Klick auf eine Taste ist ein Ereignis und an Dir liegt es festzustellen, von welcher Taste so ein Ereignis gemeldet wird. Für die Vermittlung von Ereignissen sind bei Webseiten Event-Handler zuständig und so kannst Du Dein Vorhaben entweder mit einer jQuery-Lösung umsetzen, Beispiele lassen sich genug finden:

    http://stackoverflow.com/questions/1457…html-javascript

    Oder einfach nur mit JavaScript, ohne gleich ein Framework zu laden. Ungetestet, doch so oder ähnlich könnte es aussehen:

    Code
    <script type="text/javascript">
    window.onkeyup = function (e) {
        if (e.keyCode == 27) {
            window.close ();
        }
    }
</script>

    Das schaut interessant aus, ich habe nur das kleine Problem, ich weiß (ehrlich gesagt) nicht wo ich das eintragen muss...
    Wäre wirklich nett, wenn mir da noch einmal einer einen Hinweis gibt, wo ich das eintragen müsste...

    Vielen Dank im Voraus

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden