Eine Slidshow mit Untertiteln erstellen

Phoca Gallery - image gallery extension
genuveva82
Phoca Newbie
Phoca Newbie
Posts: 1
Joined: 02 Oct 2020, 09:34

Eine Slidshow mit Untertiteln erstellen

Post 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.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49138
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Eine Slidshow mit Untertiteln erstellen

Post 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
If you find Phoca extensions useful, please support the project
Post Reply