Contao-Camp 2024
Ergebnis 1 bis 4 von 4

Thema: slideshow2 arrow keys

  1. #1
    Contao-Nutzer
    Registriert seit
    24.09.2009.
    Beiträge
    65

    Standard slideshow2 arrow keys

    Hi,
    ich brauch mal kurz Hilfe,
    wie kann ich die arrow keys bei der slidshow2 deaktivieren...

    Vielen Dank

  2. #2
    Contao-Fan Avatar von Schlauchbeutelmaschine
    Registriert seit
    16.06.2009.
    Ort
    Wiesbaden
    Beiträge
    668

    Standard

    Hallo,

    das kannst du bei den Access Keys einstellen.
    In der slideshow.js Datei in Zeile 27 oder im JS Template.

    PHP-Code:
    accesskeys: {'first': {'key''shift left''label''Shift + Leftwards Arrow'}, 'prev': {'key''left''label''Leftwards Arrow'}, 'pause': {'key''p''label''P'}, 'next': {'key''right''label''Rightwards Arrow'}, 'last': {'key''shift right''label''Shift + Rightwards Arrow'}}, 

  3. #3
    Contao-Nutzer
    Registriert seit
    24.09.2009.
    Beiträge
    65

    Standard

    Hi Schlauchbeutelmaschine,
    danke für Dein Hilfe.

    g.
    H.C.

  4. #4
    Contao-Nutzer Avatar von gracilis
    Registriert seit
    19.06.2009.
    Ort
    Rostock
    Beiträge
    180

    Standard

    Zitat Zitat von H.C. Beitrag anzeigen
    Hi Schlauchbeutelmaschine,
    danke für Dein Hilfe.

    g.
    H.C.
    Ja, genau, habe es nun auch hinbekommen.

    neu:
    Code:
    accesskeys: {'prev': {'key': 'left', 'label': 'Leftwards Arrow'}, 'next': {'key': 'right', 'label': 'Rightwards Arrow'} },
    das css anpassen im eigenen css:
    Code:
    /* mittig und kleinerer clickbereich, prozente etzl. ensprechend anpassen*/
    .slideshow-controller {
        left: 71%;
        width: 96px;
    }
    /* linken button neu positionieren*/
    .slideshow-controller li.prev a {
        background-position: -19px 0;
        left: 10px;
        width: 28px;
    }
    /* rechten button neu positionieren*/
    .slideshow-controller li.next a {
        background-position: -87px 0;
        left: 55px;
        width: 28px;
    }
    und die hintergrundgrafik erneuern (siehe anhang).

    Cool
    Angehängte Grafiken Angehängte Grafiken
    .per.aspera.ad.astra.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •