dk_caroufredsel Vor- und Zurück Links als Bilder einfügen

[lilly263]

Hallo Community,

ist es möglich beim caroufredsel Slider die Vor- und Zurück Links als Bilder einzufügen?
Im Template selbst habe ich es geschafft die Links mit Icons zu versehen.
<a class="caroufredsel_next" id="caroufredsel_next_<?php echo $this->id; ?>" href="#"><i class="fa fa-angle-double-right"></i> </a>
Aber das würde ich jetzt gerne ändern und dafür Bilder einsetzten.

Kann mir jemand sagen, wie das geht?

Danke für eure Hilfe!

[Dirch]

Das ist ganz einfach. Du musst lediglich mit CSS ein hintergrundbild setzen, den Text ausblenden und das Element absolut dorthin platzieren wo du es haben möchtest.

ist alles eine reine CSS LösungLösung

[planepix]

Hatte ich heute hier auch schon mal
https://community.contao.org/de/show...l=1#post310668

[lilly263]

Ach klar. Mensch ich bin ja blöd. Denke immer komliziert, obwohl das doch ganz einfach ist. Aber manchmal steht man einfach auf dem Schlauch.

Dankeschön!!

[lilly263]

:-) dann hätte ich aber noch ne Frage.
Mann kann den Bildern ja Verlinkungen mitgeben, was auch kein Problem ist. Damit der Benutzer jetzt weiß, dass er da draufklicken kann, hätte ich gerne einen Hover-Zustand.

Wenn ich das jetzt aber per CSS mit Hintergrundbild mache, dann liegt das ja wieder name schon sagt im Hintergrund und das Sliderbild liegt davor.
Wie macht man denn das?

Wäre schön wenn ihr mir da auch so ne simple Lösung habt :-)

Danke!

[Dirch]

jein - das CSS-Hintergrundbild liegt nur im Hintergrund des Elements, bei dem du den background definierst. Dieses Element selbst kann natürlich auch über anderen Elementen liegen - und damit auch dessen background. Sobald du die Navigation über das Bild schiebst und sie tatsächlich nicht sichtbar sein sollte kannst du mit dem css z-index es darüber platzieren. Den Wert einfach setzen z.B. auf 1 oder 10 und alles ist gut.