diaporama home js et css

This commit is contained in:
ouidade 2024-07-25 10:31:01 +02:00
parent 2beab4fef2
commit 521c454b4a
4 changed files with 5 additions and 56 deletions

File diff suppressed because one or more lines are too long

View File

@ -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;

View File

@ -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 /////////////////////////////////

View File

@ -25,7 +25,7 @@
img{
width: 100%;
height: auto;
// animation: zoomOut 3.5s ease-in infinite;
animation: zoomOut 3.5s ease-in infinite;
}
}
blockquote{