https://www.subaru.es/js/home.js?v=0.1

1// Important note! If you're adding CSS3 transition to slides, fadeInLoadedSlide should be disabled to avoid fade-conflicts.
2jQuery(document).ready(function ($) {
3   $('.porquesubaru').slick({
4      centerMode: true,
5      centerPadding: '12px',
6      dots: false,
7      infinite: true,
8      mobileFirst: true,
9      slidesToShow: 1,
10      autoplay: false,
11      autoplaySpeed: 8000,
12      adaptiveHeight: true,
13      arrows: false,
14      prevArrow: '<div class="rsArrow rsArrowLeft"><div class="rsArrowIcn"></div></div>',
15      nextArrow: '<div class="rsArrow rsArrowRight"><div class="rsArrowIcn"></div></div>',
16      responsive: [
17         {
18            breakpoint: 800,
19            settings: {
20               centerMode: true,
21               centerPadding: '20%',
22               arrows: true,
23            }
24         }
25      ]
26   })
27   .on('setPosition', function (event, slick) {
28      slick.$slides.css('height', slick.$slideTrack.height() + 'px');
29   });;
30
31   // var modalGama = document.getElementById('modalGama');
32   // modalGama.addEventListener('shown.bs.modal', function (event) {
33
34      // var combustibleModal = $('#gallery-5').royalSlider({
35      //    addActiveClass: true,
36      //    arrowsNav: false,
37      //    controlNavigation: 'bullets',
38      //    autoScaleSlider: true,
39      //    // autoScaleSliderWidth: 1200,
40      //    autoScaleSliderHeight: 350,
41      //    loop: true,
42      //    fadeinLoadedSlide: false,
43      //    globalCaption: false,
44      //    keyboardNavEnabled: true,
45      //    globalCaptionInside: false,
46      //    slidesSpacing: -50,
47      //    visibleNearby: {
48      //       enabled: true,
49      //       centerArea: 0.35,
50      //       center: true,
51      //       breakpoint: 650,
52      //       breakpointCenterArea: 0.64,
53      //       navigateByCenterClick: true
54      //    }
55      // }).data('royalSlider');
56
57      // var gamasModal = $('#gallery-6').royalSlider({
58      //    addActiveClass: true,
59      //    arrowsNav: true,
60      //    controlNavigation: 'bullets',
61      //    autoScaleSlider: true,
62      //    autoScaleSliderHeight: 270,
63      //    loop: true,
64      //    keyboardNavEnabled: true,
65      //    globalCaptionInside: false,
66      //    slidesSpacing: -100,
67      //    visibleNearby: {
68      //       enabled: true,
69      //       centerArea: 0.45,
70      //       center: true,
71      //       breakpoint: 650,
72      //       breakpointCenterArea: 0.64,
73      //       navigateByCenterClick: true
74      //    }
75      // }).data('royalSlider');
76
77   // })
78
79   // var siforesterm = $('#gallery-1m').royalSlider({
80   //    addActiveClass: true,
81   //    arrowsNav: false,
82   //    controlNavigation: 'bullets',
83   //    autoScaleSlider: true, 
84   //    autoScaleSliderWidth: 500,     
85   //    autoScaleSliderHeight: 260,
86   //    imageScaleMode:'fill',
87   //    loop: true,
88   //    fadeinLoadedSlide: false,
89   //    globalCaption: false,
90   //    keyboardNavEnabled: true,
91   //    globalCaptionInside: false,
92   //    video: {
93   //       youTubeCode: '<iframe src="https://www.youtube.com/embed/%id%?rel=1&autoplay=1&showinfo=0" frameborder="no" allowFullscreen></iframe>'
94   //    },
95   //    visibleNearby: {
96   //             enabled: true,
97   //             centerArea: 0.3,
98   //             center: true,
99   //             breakpoint: 1021,
100   //             breakpointCenterArea: 1,
101   //             navigateByCenterClick: true
102   //    }
103   // }).data('royalSlider');
104
105});
106