Allgemeines » Bildtitel in Galerievorschau anzeigen

04.07.2018 13:04

DocBernie
#1

Do

Liebe Expert(inn)en,

habe hier im Forum recht lange gesucht, bin aber nahezu so schlau wie vorher, was mein Problem angeht:

in der Galerievorschau möchte ich den Bildtitel unterhalb des Bildes anzeigen.

Beispiel:
https://www.frassek.org/3d-mathe/meeresschnecken-muscheln/
Dort sind mehrere Galerien mit jeweils 5 Muscheln abgebildet.
Unterhalb der Galerie habe ich die 5 Spalten mit den Bildtiteln angelegt.

Das sieht auf dem PC übersichtlich aus; auf dem Handy wird aber beim Klick auf ein Bild zuerst die komplette Galerievorschau angezeigt, dahinter folgen die Texte.

Gibt es da nicht eine einfache Lösung (ohen Shop-Komponenten wie in einem anderen Beitrag bechrieben)?

Ich kann mir vorstellen, dass das auch für andere Nutzer interessant ist ...

Liebe Grüße
Bernd Frassek

Antworten

Beitrag melden

#2

12.07.2018 18:32

az_
#2

az_

Wenn du das ohne CSS schaffen möchtest, geht es mit einer Tabelle, die du in ein Spaltenelement setzt.

1. Spaltenelement erstellen
2. In der ersten Spalte ein Tabellenelement erstellen.
3. Dieses Tabellenelement auf eine Spalte und 2 Zeilen reduzieren und
4. ...in alle Spalten des Spendenelements kopieren
5. Jeweils in das obere Tabellenfeld das Bild einsetzen und in das untere Tabellenfeld den Text. Die Bilder musst du auf einer versteckten Seite hochladen, in der Besucheransicht Kopieren und im Bearbeitungsmodus wieder in das Tabellenfeld einsetzen.

Eleganter geht es natürlich, wenn du dazu ein CSS-Skript benutzt. Dieses wurde die Bildunterschrift jedes Bildes automatisch so formatieren, Wie du es möchtest.

Schick uns mal die URL einer Testseite auf deiner Webseite, und lade dort ein paar einfache Bildelemente mit Bildunterschrift hoch.

LG, az_

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

24.07.2018 12:46

DocBernie
#3

Do

DocBernie

... habe nun endlich wieder Zeit, mich dem Problem zu widmen ... Ich beschreibe am besten nochmal genau, was ich gerne hätte ...

Auf einer Unterseite habe ich mehrere Blöcke, bestehend aus 5 Bildern mit einem Bildtitel; manche Bildtitel sind farbig:

---BILD1--- ---BILD2--- ---BILD3--- ---BILD4--- ---BILD5---
---Titel1--- ---Titel2--- ---Titel3--- ---Titel4--- ---Titel5---

Klickt der Besucher auf ein Bild, so erscheint es in vergrößerter Darstellung.
Klickt der Besucher auf einen farbigen Titel (z.B. Titel3, s.o.), so gelangt er zu einer Erklärseite für das Bild.

Das generelle Problem ist, dass auf dem Handy erst die Bilder und danach die Texte angezeigt werden.

Problem1:
Das von Dir beschriebene Verfahren funktioniert insoweit nicht, dass ich das Bild in der Tabelle nicht anklicken kann, um es vergrößert zu sehen (hab's genauso gemacht, wie Du es beschrieben hast).

Problem2:
Wie komme ich von der Erklärseite wieder zurück, z.B. vor die jeweilige 5-spaltige Galerie?

Meine Idee dazu: vor der "Bildergalerie" ein Wort setzen (in Hintergrundfarbe schwarz) und dort einen Anker setzen; auf der Erklärseite einen Text "zurück zur Galerie" und dort einen Sprung definieren.
Weiß aber nicht, ob man mit Textankern auch zu anderen Unterseiten springen kann!?

Im Prinzip habe ich das Problem gelöst, indem ich Text-mit-Bild-Elemente in Spalten gepackt habe; sind die Bilder aber unterschiedlich groß, sieht es auf dem PC nicht so toll aus, da die Titel nicht auf einer Linie stehen (s. https://www.frassek.org/testseite ).

Noch eine Frage in diesem Zusammenhang: wie kann die Breite eines Spaltenelements verkleinern, so dass es nicht bis zum rechten Rand geht?

Auf der Seite https://www.frassek.org/bilder sind die Bilder der Testseite.

Bin gespannt, ob das mit dem Vergrößern per Klick auf ein Bild in der "Tabellenlösung" hinzukriegen ist ...

LG
Bernd Frassek