XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Css basierte Bildergalerie (http://xhtmlforum.de/showthread.php?t=67258)

Relühcs 11.04.2012 12:15

Css basierte Bildergalerie
 
Hey Leute,

hat jemand von euch vllt einen Tipp,
wie ich eine Bildergalerie css basiert und möglichst unkompliziert erstelle?
Ich habe davon in der Schule gehört, ist das überhaupt möglich?
oder habt ihr vllt andere vorschläge ausser mit css eine Bildergalerie auf die Seite einzubauen?
Habe schon Gegooglet etc. leider nicht so viel Gefunden...

[Mit einer Bildergalerie meine ich, damit die Bilder in klein angezeigt werden, und wenn man sie anklickt sich im Vordergrund vergrößern, ihr wisst schon was ich meine...(hoffe ich)...]
in etwa wie hier:
Bosch Engineering GmbH - Bildergalerie Formula Student

dazzle89 11.04.2012 12:30

Das hat mit CSS nicht mal wirklich was zu tun. Mit CSS könntest du höchstens z.B. die Abstände zwischen den Bildern festlegen...

Was du brauchst ist HTML und Javascript, denn durch Javascript werden die Bilder bei Klick in einem kleinen Popup geöffnet.

Google einfach mal, wie man mit Javascript ein Popup erstellt.

Alternative kriegst du mit JQuery übrigens schönere Effekte hin

take_a_7 11.04.2012 13:28

Moin,

Zitat:

Zitat von dazzle89 (Beitrag 514304)
Was du brauchst ist HTML und Javascript, denn durch Javascript werden die Bilder bei Klick in einem kleinen Popup geöffnet.

Das ist Quatsch. Ich würde heutzutage eine Bildergalerie nicht mehr mit Javascript machen.
Zitat:

Zitat von dazzle89 (Beitrag 514304)
Google einfach mal, wie man mit Javascript ein Popup erstellt.

Und erst recht nicht mit Popups.
Zitat:

Zitat von dazzle89 (Beitrag 514304)
Alternative kriegst du mit JQuery übrigens schönere Effekte hin

Das geht auch ohne jQuery.

gruß,
take

dazzle89 11.04.2012 13:33

Zitat:

Das ist Quatsch. Ich würde heutzutage eine Bildergalerie nicht mehr mit Javascript machen.
Er wollte wissen, wie die oben genannte Bildergalerie umzusetzen ist. Diese basiert auf Popups. Somit habe ich direkt auf seine Frage geantwortet.

Bitte erst lesen und denken, dann schreiben, Mr. 769-Posts.

take_a_7 11.04.2012 13:36

Moin,

Zitat:

Zitat von dazzle89 (Beitrag 514310)
Er wollte wissen, wie die oben genannte Bildergalerie umzusetzen ist. Diese basiert auf Popups. Somit habe ich direkt auf seine Frage geantwortet.

Ja, das hast du. Allerdings ist die von ihm genannte Galerie nicht gerade gut gemacht. Popups sind veraltet und werden häufig blockiert, weil sie nerven. Das wäre die mMn. richtige Antwort gewesen.
Zitat:

Zitat von dazzle89 (Beitrag 514310)
Bitte erst lesen und denken, dann schreiben, Mr. 769-Posts.

Danke, gleichfalls. Ich hab den Post gelesen und mir die Galerie angeguckt. Meine Antwort wäre ein Hinweis, dass man eine Galerie nicht mit Popups umsetzen sollte.

gruß,
take

cebito 11.04.2012 15:13

Zitat:

Zitat von dazzle89 (Beitrag 514310)
Er wollte wissen, wie die oben genannte Bildergalerie umzusetzen ist.

Nein
Zitat:

Zitat von Relühcs (Beitrag 514303)
in etwa wie hier

Zitat:

Zitat von dazzle89 (Beitrag 514310)
Bitte erst lesen und denken, dann schreiben, Mr. 769-Posts.

dito @Mr. 27-Posts, in etwa heißt nicht genau so.

@TE - ja, es ist möglich. So z.B. CSS3 Fullscreen Image Gallery Um dir gezielt weiterzuhelfen müsste man aber genauer wissen was du willst.

Manfred62 11.04.2012 17:44

Zitat:

Zitat von Relühcs (Beitrag 514303)
wie ich eine Bildergalerie css basiert...

NealGrosskopf.com l A CSS Only Lightbox/Shadowbox Media Viewer Using CSS Transitions
How to Create a Valid Non-Javascript Lightbox | Think Vitamin
Stu Nicholls | CSSplay | CSS Light Box
bei Stu Nicholls findet man noch mehr Beispiele


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:40 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2019, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2019