diaporama home js et css
This commit is contained in:
parent
2beab4fef2
commit
521c454b4a
File diff suppressed because one or more lines are too long
|
@ -1613,6 +1613,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
|
|||
#home .config_pages--type--diaporama-home .swiper-container .swiper-wrapper .swiper-slide .cadre-img-zoom img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
animation: zoomOut 3.5s ease-in infinite;
|
||||
}
|
||||
#home .config_pages--type--diaporama-home .swiper-container .swiper-wrapper .swiper-slide blockquote {
|
||||
position: relative;
|
||||
|
|
|
@ -297,9 +297,9 @@
|
|||
if (window.innerWidth <= 600) {
|
||||
return 1; // Show 1 slide on small screens
|
||||
} else if (window.innerWidth <= 900) {
|
||||
return 2; // Show 2 slides on medium screens
|
||||
return 4; // Show 2 slides on medium screens
|
||||
} else {
|
||||
return 2; // Show 3 slides on large screens
|
||||
return 4; // Show 3 slides on large screens
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -455,37 +455,6 @@ observer.observe(document.body, config);
|
|||
|
||||
});
|
||||
|
||||
|
||||
// $(document).ready(function(){
|
||||
// $('.config_pages--type--diaporama-home .field_field_images').slick({
|
||||
// slidesToShow: 3,
|
||||
// // slidesToScroll: 1,
|
||||
// dots: false,
|
||||
// arrows: false,
|
||||
// centerMode: true,
|
||||
// adaptiveHeight: true,
|
||||
// autoplay: true,
|
||||
// autoplaySpeed: 1500,
|
||||
// infinite: true,
|
||||
// // centerPadding: '100px',
|
||||
// responsive: [
|
||||
// {
|
||||
// breakpoint: 810,
|
||||
// settings: {
|
||||
// slidesToShow: 1,
|
||||
// adaptiveHeight: false,
|
||||
// arrows: true,
|
||||
// draggable: true,
|
||||
// centerMode: true,
|
||||
// autoplay: true,
|
||||
// autoplaySpeed: 2000,
|
||||
// }
|
||||
// }]
|
||||
// });
|
||||
// console.log('salut slick home');
|
||||
|
||||
// });
|
||||
|
||||
////////////////////// start diaporama home swiper /////////////////////////////////
|
||||
|
||||
$(document).ready(function () {
|
||||
|
@ -501,28 +470,7 @@ observer.observe(document.body, config);
|
|||
},
|
||||
direction: 'horizontal',
|
||||
loop: true,
|
||||
|
||||
// zoom: {
|
||||
// maxRatio: 5,
|
||||
// },
|
||||
|
||||
// If we need pagination
|
||||
// pagination: {
|
||||
// el: '.swiper-pagination',
|
||||
// },
|
||||
|
||||
// Navigation arrows
|
||||
// navigation: {
|
||||
// nextEl: '.swiper-button-next',
|
||||
// prevEl: '.swiper-button-prev',
|
||||
// },
|
||||
|
||||
// And if we need scrollbar
|
||||
// scrollbar: {
|
||||
// el: '.swiper-scrollbar',
|
||||
// },
|
||||
})
|
||||
// swiper.autoplay();
|
||||
});
|
||||
|
||||
////////////////////// end diaporama home swiper /////////////////////////////////
|
||||
|
|
|
@ -25,7 +25,7 @@
|
|||
img{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
// animation: zoomOut 3.5s ease-in infinite;
|
||||
animation: zoomOut 3.5s ease-in infinite;
|
||||
}
|
||||
}
|
||||
blockquote{
|
||||
|
|
Loading…
Reference in New Issue