https://casablancafinancecity.com/themes/custom/cfc/CFC/assets/js/ayoub.js?v=1

1$(document).ready(function () {
2
3
4    $(".single-image-carousel").owlCarousel({
5      items: 1, // Une seule image visible
6      loop: true, // Boucle infinie
7      nav: true, // Activer les boutons de navigation
8      dots: false, // Désactiver les puces
9      navText: ["‹", "›"], // Utilisation de symboles "‹" et "›"
10    }); 
11    
12  // Lorsqu'on clique sur .cover
13  $('.cover .play-icon').on('click', function () {
14    const cover = $(this).closest('.cover'); // Récupère l'élément parent `.cover`
15    const video = cover.find('video'); // Trouve la vidéo associée
16
17    // Modifie les styles de la vidéo
18    video.css({
19        'z-index': 1,
20        'opacity': 1
21    });
22
23    // Lance la vidéo si elle est en pause
24    if (video[0].paused) {
25        video.trigger('play');
26    }
27
28    // Masque l'icône "play"
29    $(this).hide();
30});
31$('.cover-orange .play-icon').on('click', function () {
32  const cover = $(this).closest('.cover-orange'); // Récupère l'élément parent `.cover`
33  const video = cover.find('video'); // Trouve la vidéo associée
34
35  // Modifie les styles de la vidéo
36  video.css({
37      'z-index': 1,
38      'opacity': 1
39  });
40
41  // Lance la vidéo si elle est en pause
42  if (video[0].paused) {
43      video.trigger('play');
44  }
45
46  // Masque l'icône "play"
47  $(this).hide();
48});
49 
50  // Appliquer une image d'arrière-plan à un élément avec la classe .cover
51  $('.cover').css('background-image', 'url("./assets/images/pwc1.png")');
52  // Appliquer une image d'arrière-plan à un élément avec la classe .cover
53  $('.cover-orange').css('background-image', 'url("./assets/images/orange1.png")');
54  // Appliquer une image d'arrière-plan à un élément avec la classe .cover
55  $('.play-icon').css('background-image', 'url("./assets/images/iconoir_play-solid.png")');
56 
57
58
59$('.playicon').on('click', function () {
60  // Ajoute la classe "play-icon-hiden" pour masquer l'icône
61  $(this).addClass('play-icon-hiden');
62
63  // Optionnel : Si tu veux lancer une action comme lire une vidéo, ajoute ton code ici
64  // Par exemple :
65  // const video = $(this).siblings('video')[0];
66  // video.play();
67});
68 
69});