https://tour-dentsblanches.com/wp-content/themes/dentsblanches/js/home-slider.js?ver=1724915422

1/**
2 * slider for home page.
3 */
4
5jQuery(document).ready(function( $ ) {
6    // your page initialization code here
7    // the DOM will be available here
8    //$('p:empty').remove();
9    var frontPage1 = $('.site-inner').find('.front-page-1');
10    var img1 = $('.front-page-1').find('img:nth-child(1)');
11    var img2 = $('.front-page-1').find('img:nth-child(2)');
12    var img3 = $('.front-page-1').find('img:nth-child(3)');
13    var img4 = $('.front-page-1').find('img:nth-child(4)');
14    var img1Height = img1.height();
15    var img2Height = img2.height();
16    var img3Height = img3.height();
17    var img4Height = img3.height();
18    var frontPage1Height = frontPage1.outerHeight();
19
20    img1.css('top', (frontPage1Height-img1Height)/2);
21    img2.css('top', (frontPage1Height-img2Height)/2);
22    img3.css('top', (frontPage1Height-img3Height)/2);
23    img4.css('top', (frontPage1Height-img4Height)/2);
24
25    var homeSlider = new TimelineMax({repeat:-1});
26
27    homeSlider.to(img1, 1, {opacity: 0, ease:Power1.easeIn}, 4)
28        .to(img2, 1, {opacity: 1, ease:Power1.easeIn}, 4)
29        .to("#slider-point-1", 0.5, {opacity: 0.3, ease:Power1.easeIn}, 4)
30        .to("#page-header-image-description-1", 0.5, {opacity: 0, ease:Power1.easeIn}, 4)
31        .to("#slider-point-2", 0.5, {opacity: 1, ease:Power1.easeIn}, 4.5)
32        .to("#page-header-image-description-2", 0.5, {opacity: 1, ease:Power1.easeIn}, 4.5)
33        .to(img2, 1, {opacity: 0, ease:Power1.easeIn}, 8)
34        .to(img3, 1, {opacity: 1, ease:Power1.easeIn}, 8)
35        .to("#slider-point-2", 0.5, {opacity: 0.3, ease:Power1.easeIn}, 8)
36        .to("#page-header-image-description-2", 0.5, {opacity: 0, ease:Power1.easeIn}, 8)
37        .to("#slider-point-3", 0.5, {opacity: 1, ease:Power1.easeIn}, 8.5)
38        .to("#page-header-image-description-3", 0.5, {opacity: 1, ease:Power1.easeIn}, 8.5)
39        .to(img3, 1, {opacity: 0, ease:Power1.easeIn}, 12)
40        .to(img4, 1, {opacity: 1, ease:Power1.easeIn}, 12)
41        .to("#slider-point-3", 0.5, {opacity: 0.3, ease:Power1.easeIn}, 12)
42        .to("#page-header-image-description-3", 0.5, {opacity: 0, ease:Power1.easeIn}, 12)
43        .to("#slider-point-4", 0.5, {opacity: 1, ease:Power1.easeIn}, 12.5)
44        .to("#page-header-image-description-4", 0.5, {opacity: 1, ease:Power1.easeIn}, 12.5)
45        .to(img4, 1, {opacity: 0, ease:Power1.easeIn}, 16)
46        .to(img1, 1, {opacity: 1, ease:Power1.easeIn}, 16)
47        .to("#slider-point-4", 0.5, {opacity: 0.3, ease:Power1.easeIn}, 16)
48        .to("#page-header-image-description-4", 0.5, {opacity: 0, ease:Power1.easeIn}, 16)
49        .to("#slider-point-1", 0.5, {opacity: 1, ease:Power1.easeIn}, 16.5)
50        .to("#page-header-image-description-1", 0.5, {opacity: 1, ease:Power1.easeIn}, 16.5);
51});