Typo3 Slider #slick #slider #load #t3

Beispiel ThePlaceToBe LivingSpaces.js

$('.livingSpaceFilter').click(function() {
		if(!$(this).hasClass('active')){
			$('.livingSpaceFilter').removeClass('active');
			$(this).addClass('active');
			var filter = $(this).text();
			$('.livingSpaceMap').each(function(){
				if($(this).attr('data-filter') == filter){
					var slideno = $(this).data('slide');
					$('.livingSpaceImageContainer').slick('slickGoTo', slideno);
				}
			})
		}
	});

slider.scss

Beispiele für Slick Slider

https://kenwheeler.github.io/slick/

Swiper Slider (auf der vorlage)

https://swiperjs.com/




.slick-slider-load {   ---Wrapper
  &:not(.slick-slider){
    .slick-slider-load__item { ---einzelnes Slide
      &:not(:first-child) {
        display: none;
      }
    }
  }
}