RockSolid Slider

[tilda]

Hallo Zusammne,

ich nutze den Rocksolidslider, und würde gerne auf einer Breite von 944 px, drei Bilder zeigen, bei Klick rutsch es immer ein Bild weiter.
Leider wird mir jedes Bild einzeln angezeigt. Hat jemand eine Idee, wie ich das verändern kann?

Beste Grüße
Tilda

[tschero]

Hi,

Du könntest 3 Bilder erstellen mit jew. einer Collage aus den 3 Gewünschten Motiven.

Bilder jew. 944px breit.

Bild 1:
Motiv 1, Motiv 2 Motiv 3;

Bild 2:
Motiv 2, Motiv 3 Motiv 1;

Bild 3:
Motiv 3, Motiv 1 Motiv 2;

Gruß
tschero

[RockSolid Themes]

Hallo Tilda,

soll dein Ergebnis so ähnlich aussehen wie diese Demo: http://rocksolidthemes.com/de/contao...-slider-demo-1 ?

Falls ja, kannst du das erreichen indem du in den Moduleinstellungen des Sliders unter „Karussell-Einstellungen“ die Anzahl Slides auf „3“ einstellst.

Die Karussell-Einstellungen sind ein Pro-Feature, es ist also eine Lizenz des Pro-Sliders erforderlich.

Herzliche Grüße
Dein RockSolid Themes Team

[tilda]

Genauso soll es aussehen!
Ist es dann möglich, das unter jedem Bild ein eigener Titel steht?

beste Grüße
Tilda

[RockSolid Themes]

Ja, du kannst entweder die Slide-Captions mit CSS anpassen über die Klasse .rsts-caption. Du kannst auch Slides erstellen mit Inhaltselementen und fügst dort den Titel beim Bild-Element ein oder erstellst jeweils ein Text-Element nach einem Bild-Element.

[tilda]

Vielen Dank.

Nun habe ich noch 2 Fragen:

Ist es möglich, das die Zeile unter den Bildern erst bei einem Mouse over erscheint und kann man den Sprachwechsler auch auf die Slideshow übertragen?
Meine Seite iswt 2sprachig und ich nutze die Erweiterung i18nl10n?

Beste Grüße
Tilda

[tilda]

Guten Morgen,

ich versuche den Text unterhalb des Bildes zu zentrieren, aber es klappt einfach nicht, mit diesen beiden Lösungsversuchen:

.rsts-caption{
top: 298px;
text-align: center;}
oder
.rsts-caption{
display: block;
margin-left: auto;
margin-right: auto;}

Beste Grüße
Tilda

[RockSolid Themes]

Die Darstellung ist abhängig vom eingesetzten Skin und dem restlichen CSS der Seite, eventuell funktioniert es mit folgendem CSS-Code:

.rsts-caption {
    top: 298px;
    left: 0;
    width: 100%;
    text-align: center;
}

Eventuell musst du den CSS-Selektor anpassen, oder die Eigenschaften mit !important ausstatten.

[tilda]

Vielen Dank

das hat geklappt!