Startseite Fotos mit Links zu Galerie

**robe56** · 12.06.2016, 11:12

Guten Tag,

ich möchte auf meiner Startseiten unterhalb der Navi im Main-Bereich 6 Bilder einfügen, 3 Nebeneinander und 3 darunter. Diese Bilder sollen Links zu Fotogalerien auf meiner Webseite erhalten.
Also quasi als Navi dienen.

Dazu habe ich in der Startseiten einen Artikel eingefügt (Hauptspalte). Nur welchen Inhaltstyp wähle ich dazu aus?

Wenn ich Bild nehme, kann ich nur 1 Bild einfügen.

MFG
Rolf

**Spooky** · 12.06.2016, 11:16

Du kannst einfach das Inhaltselement "Galerie" nehmen, die entsprechenden Bilder auswählen und für die entsprechenden Bilder in der Dateiverwaltung die Links zu den entsprechenden Seiten hinterlegen.

**tab** · 12.06.2016, 11:41

Oder du nimmst einfach 6 Bildelemente, dann kannst du jeweils einen Link angeben. Jeweils drei Bildelemente dann per CSS nebeneinander zu stellen ist auch kein großes Ding. Bei der Galerielösung nimmt dir das Contao zunächst mal komplett ab. Aber je nachdem, wie man verfahren will, wenn die drei Bilder eventuell wegen kleinerer Fensterbreite nicht mehr nebeneinander passen, muss man dann trotzdem noch selbst Hand anlegen ans CSS.

**robe56** · 12.06.2016, 12:21

Vielen Dank für die schnelle Hilfe.

Ich denke bei dem was ich eventuell im 2.Step noch vorhabe, (hätte ich vielleicht gleich erwähnen sollen) ist die Variante 2 wohl die bessere Lösung.

Im 2. Step möchte ich zu jedem Bild (Link) noch einen zweites als erstellen um dieses dann bei Mous-Over einzublenden. Sozusagen einen Hover Effekt.

Das 2. Bild / Grafik soll dann einige wenige Hinweise zu der Galerie enthalten oder einfach nur ein 2. Bild sein.

Ist das mit der 2. Variante machbar oder gibt es sogar eine Erweiterung die ich nutzen könnte?

**soweit_ok** · 12.06.2016, 13:33

Zitat von robe56

Im 2. Step möchte ich zu jedem Bild (Link) noch einen zweites als erstellen um dieses dann bei Mous-Over einzublenden. Sozusagen einen Hover Effekt. Das 2. Bild / Grafik soll dann einige wenige Hinweise zu der Galerie enthalten oder einfach nur ein 2. Bild sein.

Falls Du im normalen Vorschaubild keine Bildunterschrift brauchst, könntest Du die Caption nur bei :hover anzeigen und mit CSS (z-index, height, width) passend formatieren. Sollte sie hingegen in der Normalansicht benötigt werden, kannst Du ein anderes wie z. B. alt oder auch eigenes Attribut verwenden und per CSS-Prüfung, ob Dein "Overlay"-Attribut einen Wert enthält - falls ja, anzeigen. Alternativ ließe es sich auch mit einem kleinen JS-Sniplet bewirken. Sonstige Animationen bei :hover sind nach Umsetzung Deiner Idee natürlich nur noch eingeschränkt möglich. Aber einige gingen trotzdem, u. a. Zoom-Effekt.

**tab** · 12.06.2016, 14:03

Zitat von robe56

Im 2. Step möchte ich zu jedem Bild (Link) noch einen zweites als erstellen um dieses dann bei Mous-Over einzublenden. Sozusagen einen Hover Effekt.

Das 2. Bild / Grafik soll dann einige wenige Hinweise zu der Galerie enthalten oder einfach nur ein 2. Bild sein.

Ist das mit der 2. Variante machbar oder gibt es sogar eine Erweiterung die ich nutzen könnte?

Wenn das zweite Bild an der Stelle des ersten erscheinen soll, dieses also optisch einfach ersetzen soll, dann könntest du dieses Bild eventuell auch per CSS als Hintergrundbild des ersten (oder eines der umgebenden Elemente) setzen. Bei hover würde einfach das erste Bild per CSS durchsichtig gemacht, so dass der Hintergrund sichtbar wird.