Page 1 of 1

Eine Slidshow mit Untertiteln erstellen

Posted: 02 Oct 2020, 09:41
by genuveva82
Hallo,
ich bin am Verzweifeln :-(
Seit Tagen versuche ich, eine Slideshow zu erstellen, in der man auch die Bildbeschreibungen sieht.
Ich habe eine Kategorie erstellt, und die Bilder zugeordnet. In einem Modul habe ich dann das Slidewhow-Plugin verknüpft. Die Bilder werden auch angezeigt, aber die Beschreibungen nicht.
Ich habe bereits mehrere Anleitungen gelesen und versucht, die Einstellungen anzupassen, aber nichts hat bisher geholfen.

Die Webseite, um die es geht, lautet www.spd-usingen.de
Wie gesagt, die Bilder werden angezeigt, die Beschreibung nur, wenn ich mit der Maus drüber gehe (und dann auch noch mit html-Zeichen).
Und ist es auch möglich, drei Bilder gleichzeitig anzuzeigen?

Danke schon mal im Voraus für eure Hilfe.

Re: Eine Slidshow mit Untertiteln erstellen

Posted: 02 Oct 2020, 16:12
by Jan
Hallo,

es ist vielleicht besser, Slideshow/Carousel Module benutzen, was dafür besser geignet ist, z.B.

Phoca Carousel module

Da kann man Bilder, Titeln, Beschreibungen und ihre Positionen per CSS setzen, usw. (Die Bilder müssen nicht von Phoca Gallery kommen, so wenn man sie wählt, muss man die Grösse beachten)

z.B. so:
Image


Als Beispiel:

Titel CSS:

Code: Select all

animation-duration: 5s; 
animation-delay: 0s; 
position: absolute; 
left: 30%; 
top: 45%; 
font-size: 3vw; 
z-index: 1000; 
text-align: center; 
color: #555; 
background-color: rgba(255,255,255,0.5); 
padding: 0 0.5vw;
Beschreibung CSS:

Code: Select all

animation-duration: 5s;
animation-delay: 0s;
position: absolute;
left: 30%;
top: 65%;
font-size: 1.5vw;
z-index: 1000;
text-align: left;
color: #555;
background-color: rgba(255,255,255,0.5);
padding: 0 0.5vw;
Bild CSS:

Code: Select all

animation-duration: 5s;
animation-delay: 0s;
position: absolute;
bottom: 20%;
left: 7%;
z-index: 1002;
Siehe auch:
https://www.phoca.cz/documents/137-phoc ... d-examples
(Parameters und Beispiele)

Jan