Bild öffnet sich auf besondere Weise

[Quabbe]

Hallo,

wenn ich auf der Seite Industrieabfälle, Gewerbeabfälle: Entsorgungs-Fachbetrieb Fischer & Söhne GmbH auf ein Bild klicke, öffnet sich dieses auf besondere Weise. Ich ahbe diesen Effekt schon öfter beobachtet. Lässt sich dieser Effekt ohne weiteres mit css bewerkstelligen oder braucht es dafür php und Co?


Grüße,
Quabbe

 

[a_maze_ing]

AW: Bild öffnet sich auf besondere Weise

wuesste auch gern wie man das macht, interessiert mich schon seit langem

 

[RealArtist4u]

AW: Bild öffnet sich auf besondere Weise

Hallo Quabbe - suche mal in Google unter "Lightbox" dort findest Du alles was Du brauchst.

z.B.: Webkrauts Lightboxen – das neue Popup?
Lightboxen – das neue Popup?

Ein pfiffiges Javascript hat einen erstaunlichen Siegeszug hinter sich: die Lightbox. Ursprünglich erstellt, um Bilder in einer besonderen Art zu präsentieren, hat das ursprüngliche Lightboxskript von Lokesh Dhakar mittlerweile sehr viele Nachahmer gefunden.
Eine Lightbox ist eine Art Popup, ohne ein neues Fenster öffnen zu müssen. Das Skript erstellt einen Container, in den dann Inhalte geladen bzw. geschrieben werden. Dabei wird die Aufmerksamkeit auf dieses Fenster gelegt, das über der Seite zu schweben scheint. Oft geschieht dies durch ein Abdunkeln der Seite, der Fantasie sind aber kaum Grenzen gesetzt.
Hauptsächlich werden Lightboxen für die Darstellung von Bildern oder kleinen Bildergalerien genutzt. Die Verwendungsmöglichkeiten sind jedoch mittlerweile prinzipiell unbegrenzt, denn es gibt auch Lösungen, die komplette Webseiten, auch von anderen Servern, in einem Fenster darstellen. So kann man ohne Probleme ein Loginformular für den Zugang zu einem geschützten Bereich in einer Lightbox öffnen. Nach der korrekten Identifizierung wird man dann in den geschützten Bereich weitergeleitet, wie man das auch bisher schon gewohnt ist.

 

[kalau]

AW: Bild öffnet sich auf besondere Weise

Der Effekt nennt sich "lightbox".
Meistens wird er mittels JavaScript erzeugt, es gibt aber durchaus
Möglichkeiten einen ähnlichen Effekt mit reinem CSS zu erzielen. Dazu finden sich zig Tutorials im Netz, einfach mal nach "lightbox" suchen...

 

[Quabbe]

AW: Bild öffnet sich auf besondere Weise

Hey, danke für die schnellen Antworten!

Hab grade gesehen, daß es hier sogar ein Video Tutorial zum Thema Lightbox gibt. Das werd ich mir dann wohl erst mal anschauen.


Grüße,
Quabbe

 

[NikHobohm]

AW: Bild öffnet sich auf besondere Weise

Hallo,

es gibt diese Java-Script-Galerie übrigens
auch als "Plug-In" für Lightroom!

Also sozusagen "Lightbox" für "Lightroom"
Hey - Schenkelklopfer ;-)

Grüße, Max

 

[Frank_a_Potente]

AW: Bild öffnet sich auf besondere Weise

Mir persönlich gefällt dieses Verfahren überhaupt nicht.

Rein optisch ist es zwar was feines aber gerade auf "etwas langsamen" Systemen ist das doch arg nervig, wenn die Kiste fast stehen bleibt. Auch der Fox unter Linux benötigt etwas mehr Zeit . . .:muede:

Wir sind zwar im Zeitalter von Web2.0 - man bedenke aber, das nicht jeder über DSL16000 und eine QuadCore verfügt

 

[Quabbe]

AW: Bild öffnet sich auf besondere Weise

Wie sieht denn die Alternative aus? Wenn ich ein kleines Thumbnail von einem Bild habe und es vergrößern möchte, bleibt doch nur der hässliche Weg über target=_blank, um es in einem neuen Fenster zu öffnen. Das Bild wird dann unformatiert oben links in der Ecke angezeigt. Ich mags nicht. Oder wie würdest Du vorgehen, Frank a potente?

 

[NikHobohm]

AW: Bild öffnet sich auf besondere Weise

Mir persönlich gefällt dieses Verfahren überhaupt nicht.

Rein optisch ist es zwar was feines aber gerade auf "etwas langsamen" Systemen ist das doch arg nervig, wenn die Kiste fast stehen bleibt. Auch der Fox unter Linux benötigt etwas mehr Zeit . . .:muede:

Wir sind zwar im Zeitalter von Web2.0 - man bedenke aber, das nicht jeder über DSL16000 und eine QuadCore verfügt

Na ja - wohl leicht übertrieben!
So viel an Ressourcen frisst dieses Java-Script nun auch wieder nicht!

Grüße, Max

 

[cetec]

AW: Bild öffnet sich auf besondere Weise

Finde auch, dass dies eine der besten Bildpräsentationen überhaupt ist. Die Seite bleibt unberührt und doch wird das Bild das man sich anschauen will optimal hervorgehoben.

 

[NitschiboyxD]

AW: Bild öffnet sich auf besondere Weise

Ja finds auch gut, vor allem is es auch nicht schwer zu installieren. Nach einer halben Stunde hab ichs auch schon hingekriegt Ganz ohne Javascript kenntnisse