https://vghofheim.de/typo3conf/ext/content_element/Resources/Public/js/main.js?1742827019

1var SlickSlider = function($el){
2    this.$el = $el;
3    this.ANIMATION_SPEED = 500;
4    this.MOBILE_BIG_BREAKPOINT = 1024;
5    this.PROJECT_IMAGE_SELECTOR = "img";
6    this.PROJECT_CONTENT_SELECTOR = ".frame-type-text";
7    var dies = this;
8
9    /*$el.on("init", function() {
10        //var $e[data-slick-index="' + o + '"]
11        //var e = $el.data("textColor");
12        //$(PROJECT_ARROW_SELECTOR).css("color", e);
13        dies.setBackground($el, null, 0);
14        dies.fadeInProjectElements(
15            dies.getSlide(null, 0)
16        );
17    });
18    $el.on("beforeChange", function(event, slick, currentSlide, nextSlide) {
19        dies.setBackground($el, slick, nextSlide);
20        dies.hideProjectElements(
21            dies.getSlide(slick, nextSlide));
22    });
23    $el.on("afterChange", function(event, slick, currentSlide) {
24        dies.fadeInProjectElements(
25            dies.getSlide(slick, currentSlide))
26    });*/
27    $el.slick();
28
29    $window = $(window);
30    $el.on("unslick", function(event, slick, Breakpoint) {
31        $window.on('resize', function() {
32            if ($window.width() > Breakpoint) {
33                $window.off("resize");
34                $el.slick();
35            }
36        });
37    });
38};
39SlickSlider.prototype.fadeInProjectElements = function(e) {
40    this.isMobile() || (e.find(this.PROJECT_CONTENT_SELECTOR).animate({opacity: 1}, this.ANIMATION_SPEED),
41        e.find(this.PROJECT_IMAGE_SELECTOR)
42            .delay(this.ANIMATION_SPEED / 2)
43            .animate({opacity: 1}, this.ANIMATION_SPEED))
44};
45SlickSlider.prototype.hideProjectElements = function(e) {
46    this.isMobile() || (e.find(this.PROJECT_CONTENT_SELECTOR).css({opacity: 0}),
47        e.find(this.PROJECT_IMAGE_SELECTOR).css({opacity: 0}))
48};
49SlickSlider.prototype.isMobile = function() {
50    return $(window).width() < this.MOBILE_BIG_BREAKPOINT
51};
52SlickSlider.prototype.getSlide = function (slick, slide) {
53    if(slick != null
54    && slick.options.slidesToShow !== undefined){
55        slide = slide + slick.options.slidesToShow - 1;
56    }
57    return $(this.$el.find('[data-slick-index="' + slide + '"]'));
58};
59SlickSlider.prototype.setBackground = function($element, slick, nextSlide){
60    var $nextSlide = this.getSlide(slick, nextSlide);
61    var nextColor = $nextSlide.find(".row").data("bgcolor");
62    $element.find(".slick-track").css("background-color", nextColor);
63};
64
65$(function() {
66    $(".sliderInit").each(function(i, el){
67        new SlickSlider($(el));
68    });
69});