zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden verdunkeltes fenster im hintergrund

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.06.2006, 14:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.06.2006
Beiträge: 4
#ayshe befindet sich auf einem aufstrebenden Ast
Standard verdunkeltes fenster im hintergrund

Hallo,

ich hab auf einer website einen interessanten Effekt gefunden und wüßte gerne, wie man das macht:
http://www.werksentwurf.de/referenzen/case_web
Wenn ihr da auf eines der Icons [1], [2] oder [3] klickt, wird ein pop-up aufgemacht mit einem jpg. Zugleich wird das Hauptbrowserfenster dunkler.

Wie bekommt man letzteres, als diesen Verdunklungseffekt hin?

Gruß,
Ayshe
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.06.2006, 14:25
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Das ist kein Popup-Fenster, sondern ein absolute positionieres Element (CSS/JavaScript). Und für die Verdunklung ist warscheinlich ein Element mit opacity (CSS 3 Eigenschaft bereits von FF/Moz und auch andere unterstützt) bzw. Opacity-Filter-Behavior beim IE6 oder ein PNG mit Alpha-Transparenz.

Robin
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.06.2006, 14:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.06.2006
Beiträge: 4
#ayshe befindet sich auf einem aufstrebenden Ast
Standard

Ja, das mit Opacity hab ich mir auch gedacht. Aber wie kann man dem bestimmen, wann die Opacity eingesetzt wird? Über das Javascript, also wenn das Bild offen ist, wird zugleich die teiltransparente Fläche über das Browserfenster gelegt? Irgendwie muß ich die Anwendung des CSS ja anstossen...
Mit Zitat antworten
  #4 (permalink)  
Alt 15.06.2006, 19:30
bel bel ist offline
Faulancer
neuer user
 
Registriert seit: 31.01.2005
Beiträge: 60
bel befindet sich auf einem aufstrebenden Ast
Standard

Dieser schicke Effekt nennt sich Lightbox, dazu gibt es in vielen Varianten fertige Libraries die man einbinden oder zur Inspiration nutzen kann... schau z.B. mal hier
Mit Zitat antworten
  #5 (permalink)  
Alt 15.06.2006, 19:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.06.2006
Beiträge: 4
#ayshe befindet sich auf einem aufstrebenden Ast
Standard

Danke für den Tip. Lightbox etc. ist wohl an mir vorbeigerauscht...
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Frage: Wie Text vor Hintergrund in einem Fenster scrollen? wbiebel CSS 2 19.08.2009 19:49
Div Orientierung Leonidus CSS 22 30.05.2007 18:05
Formular posten und gleichzeitg neues Fenster aufmachen Ares (X)HTML 0 17.11.2006 14:11
Hintergrund wird im IE abgehackt lekim CSS 0 29.03.2006 15:14
Hintergrund verschiebt sich wenn Fenster kleiner wird jay CSS 6 22.10.2004 10:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:25 Uhr.