Home → Contao →

Verwendung: Animation von Inhaltselementen

• Edit

info

06 Jul, 2023 04:21 PM

Produkt: Slider Pro Contao
Contao-Version: 4.9
Browser und Browserversionen: FF

Hallo liebes Support-Team,
wir verwenden einen Inhaltsslider, bei welchem die Slides (Background-Image + 1 Inhaltselement[ce_hyperlink]) mit eingestelltem Animationstyp "fade-in-out" wechseln. Das funktioniert prima!

Nun möchten wir gerne das "div" welches den hyperlink enthält bei slidestart aus- und bei slideende wieder einblenden.
Nachfolgenden Code haben wir hierfür verwandt:

$('.mod_rocksolid_slider').on('rsts-slidestart', function(e){
    $( ".baner_link" ).animate({ "left": "-=50px" }, "slow" );
});
$('.mod_rocksolid_slider').on('rsts-slidestop', function(e){
    $( ".baner_link" ).animate({ "left": "+=50px" }, "slow" );
});

Die Events feuern auch (mit alert getestet), aber leider wird die div-Box lediglich mit dem im BE eingestellten fade-in-out - Effekt animiert.

Herzlichen Dank für Eure Hilfe!

1. Support Staff 1 Posted by RockSolid Theme... on 07 Jul, 2023 10:30 AM

   

   Vielen Dank für Ihre Frage.

   Mit den CSS-Klassen .rsts-preactive, .rsts-active und .rsts-postactive sollte sich ein Effekt via CSS realisieren lassen. Weitere Informationen zu den verwendeten CSS-Klassen finden Sie in der Dokumentation: https://rocksolidthemes.com/de/contao/plugins/responsive-slider/dokumentation#css-selektoren

   Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.

   • Edit