[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
Bildergalerie (Lightbox) ohne Thumbnails - REDAXO Forum
Hallo,

Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.

Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
Benutzeravatar
Rudi66
Beiträge: 23
Registriert: 11. Mär 2008, 18:29
Wohnort: Hildesheim

Bildergalerie (Lightbox) ohne Thumbnails

9. Mär 2009, 09:37

Hallo,

ich möchte eine Galerie mit mehreren Kategorien und vielen Bildern aufbauen, deshalb soll pro Kategorie jeweils nur das erste Bild angezeigt werden, bevor man mit dem Klick darauf die Lightbox öffnet.

Leider habe ich noch nichts entsprechend gefunden, deshalb wäre ich für jeden Tipp sehr dankbar!

Beste Grüße
Rudi

Benutzeravatar
rkemmere
Beiträge: 486
Registriert: 6. Feb 2007, 17:47
Kontaktdaten: Website

9. Mär 2009, 09:55

Hi,

würde ich ganz einfach so umsetzten:

Das erste Bild sichtbar in einem DIV und die anderen in einem DIV was per CSS ausgeblendet ist. Dadruch ist das erste Bild sichtbar und klickbar und die anderen werden in der Lightbox mit angezeigt. Natürlich brauchen alle einen rel="galeriename" um es später entsprechend anzuzeigen.

Habe ich hier auch so gemacht: http://www.dw-k.net/portfolio/webdesign/
Das Icon unter dem Bild startet die Slideshow.

Viele Grüße
Ronny

Benutzeravatar
smac
Beiträge: 130
Registriert: 24. Aug 2004, 22:11
Wohnort: Göttingen
Kontaktdaten: Website

9. Mär 2009, 15:25

Wie rkemmere schon geschrieben hat....am besten per CSS ausblenden.
Ob in DIV oder mit Listen bleibt Dir überlassen ;)

z.B.

Code: Alles auswählen

<ul>
<li><a href="images/image-1.jpg" rel="lightbox[Galeriename]"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a></li>
<li class="versteckt"><a href="images/image-2.jpg" rel="lightbox[Galeriename]">Bild #2</a></li>
<li class="versteckt"><a href="images/image-3.jpg" rel="lightbox[Galeriename]">Bild #3</a></li>

Code: Alles auswählen

li.versteckt { visibility:hidden; }

Benutzeravatar
Rudi66
Beiträge: 23
Registriert: 11. Mär 2008, 18:29
Wohnort: Hildesheim

10. Mär 2009, 00:44

@rkemmere
@smac

Ja, super! Das funktioniert wunderbar! Vielen Dank! :D

Machmal kommt man auf die einfachsten Sachen nicht - an CSS hatte ich gar nicht gedacht ...

Gruss
Rudi

Zurück zu „Allgemeines [R4]“