Ergebnis 1 bis 3 von 3
  1. #1
    ConInflame ist offline Grünschnabel
    registriert
    01-08-2013
    Beiträge
    1

    Lightbox mit Animation

    Guten Morgen (Nachmittag),
    Ist es möglich das man bei einer Website (wordpress) eine Region definiert wo man wenn man drauf drückt die komplette Website verdunkeln wird (also wie bei dem Lightbox script).
    Eine weitere frage währe ob man das mit einer Animation verbinden kann (also z.B. eine Glühbirne geht aus)

    ((Ich kanns leider nicht besser erklären was ich will))

  2. #2
    Pariak ist offline Eroberer
    registriert
    12-05-2013
    Beiträge
    62

    AW: Lightbox mit Animation

    Hallo ConInflame,

    soll die ganze Seite dunkler werden, oder soll etwas im Vordergrund neu dazu erscheinen?

    Am einfachsten wäre es, wenn du ein Div einbaust, der zuerst versteckt ist (display:none) und wenn du drauf klickst, wird dieser Div angezeigt. Angezeigt wird dann ein transparenter Div, der über die ganze Zeite angezeigt wird:
    HTML-Code:
    <div style="position: absolute; background-color: black; opacity: 0.5; -moz-opacity: 0.5; width: 100%; height: 100% z-index: 99;" id="blackbox">Inhalt, wenn Hintergrund schwarz ist</div>
    Code:
    function button() {
    $("#blackbox"}.show();
    }
    Vorausgesetzt, du benutzt jQuery auf deiner Seite.

    Ich hoffe, dass dir dies als Anfang reicht.

    Beste Grüße
    Pariak

  3. #3
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.678

    AW: Lightbox mit Animation

    Soll die Seite im "verdunkelten" Zustand auch noch bedienbar sein?

    Wenn ja, wird der Ansatz mit dem Overlay nicht funktionieren. Die Lösung würde sich dann daran orientieren, was genau auf der Seite dargestellt wird und wie komplex das Ganze ist. (Ich könnte mir eine Lösung vorstellen, bei der die Seite eigentlich einen schwarzen Hintergrund hat. Dieser ist aber nicht sichtbar, da er überall verdeckt wird. Wenn du jetzt auf den Button klickst, wird alles leicht durchscheinend und erscheint deswegen dunkler.)

Ähnliche Themen

  1. animation
    Von baum94 im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 12-12-2010, 02:24
  2. JPG Animation...?
    Von micado im Forum Allgemeines
    Antworten: 8
    Letzter Beitrag: 28-05-2006, 19:16
  3. Animation
    Von bithunter im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 14-10-2004, 21:10
  4. Animation
    Von GsG9GaG im Forum Allgemeines
    Antworten: 4
    Letzter Beitrag: 21-05-2004, 01:09
  5. JPG-Animation
    Von Schleicher im Forum Flash
    Antworten: 2
    Letzter Beitrag: 24-07-2000, 08:57

Stichworte

Lesezeichen

Berechtigungen

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