CINXE.COM
CANAL+ : temps forts, grilles de programmes, dernières minutes, communiqués de presse, bandes annonces, etc.
<!DOCTYPE html> <html> <head> <!--Head starting--> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>CANAL+ : temps forts, grilles de programmes, dernières minutes, communiqués de presse, bandes annonces, etc.</title> <meta name="description" content="Professionnels des médias, retrouvez chaque semaine l'information programmes de CANAL+ : temps forts, grilles de programmes, dernières minutes, communiqués de presse, bandes annonces, etc." /> <link rel="icon" type="image/png" href="/content/img/canaplusmediasfavicon.png" /> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-154363195-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-154363195-1'); </script> <link href="/Content/css?v=vRdzsEImvURGeSnz1GIsOouW65bSI3AuabMpZ2p0nfU1" rel="stylesheet"/> <link href="https://canalplusweb.azureedge.net/fonts/fontawesome/fontawesome-webfont.woff" as="font" type="font/woff" rel="preload" crossorigin> <link href="https://canalplusweb.azureedge.net/fonts/fontawesome/fontawesome-webfont.woff2?v=4.5.0" as="font" type="font/woff2" rel="preload" crossorigin> <link href="https://canalplusweb.azureedge.net/fonts/gothic-bold.woff" rel="preload" type="font/woff" as="font" crossorigin> <link href="https://canalplusweb.azureedge.net/fonts/gothic.woff" rel="preload" type="font/woff" as="font" crossorigin> <link href="https://canalplusweb.azureedge.net/fonts/CanalDemiItalique.woff" type="font/woff" rel="preload" as="font" crossorigin/> <link href="https://canalplusweb.azureedge.net/fonts/CanalLightRomain.woff" type="font/woff" rel="preload" as="font" crossorigin> <link href="https://canalplusweb.azureedge.net/fonts/CanalLightItalique.woff" type="font/woff" rel="preload" as="font" crossorigin> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet"> <link href="/Content/canalplusmedias?v=Xnrq7PKHVFFWYI-ORUbGRxCLIot739rGZPhKpW01C8c1" rel="stylesheet"/> <!--[if lt IE 9]> <script src="/scripts/html5-3.6-respond-1.1.0.min.js"></script> <![endif]--> <!--Head finishing--> <script type='text/javascript'> var appInsights = window.appInsights || function(config) { function r(config) { t[config] = function() { var i = arguments; t.queue.push(function() { t[config].apply(t, i) }) } } var t = { config: config }, u = document, e = window, o = 'script', s = u.createElement(o), i, f; for (s.src = config.url || '//az416426.vo.msecnd.net/scripts/a/ai.0.js', u.getElementsByTagName(o)[0].parentNode.appendChild(s), t.cookie = u.cookie, t.queue = [], i = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Ajax']; i.length; ) r('track' + i.pop()); return r('setAuthenticatedUserContext'), r('clearAuthenticatedUserContext'), config.disableExceptionTracking || (i = 'onerror', r('_' + i), f = e[i], e[i] = function(config, r, u, e, o) { var s = f && f(config, r, u, e, o); return s !== !0 && t['_' + i](config, r, u, e, o), s }), t }({ instrumentationKey: '617a4412-c46a-4c24-9552-8dfd5203bea4' }); window.appInsights = appInsights; appInsights.trackPageView(); </script> </head> <body> <div class="page-wrap"> <div id="topbar"> </div> <div class="containerTop"> <div class="rightvideo"> <a class="popme" href="/account/Login?ReturnUrl=/video-" style="text-decoration: none;"> <div class="loginTopRight">S'IDENTIFIER</div> </a> </div> <div id="topSlider"> <div class="MS-content"> <div class="item"> <a href="/canal-" > <img src="https://canalplusstoragelive.blob.core.windows.net/media/0cbec50f-9d2f-47f3-bc0b-417c0d1771f3.png" class=activeItem /> </a> </div> <div class="item"> <a href="/canal--box-office" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/9e32a566-8f52-4e39-8ee2-e9f50e7df980.png" /> </a> </div> <div class="item"> <a href="/canal--cinema-s-" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/7e601c2d-ec20-4298-870b-0fd37a2f339d.png" /> </a> </div> <div class="item"> <a href="/canal--grand-ecran" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/0c440b2b-fe69-4457-95b6-405fe4ffd141.png" /> </a> </div> <div class="item"> <a href="/canal-sport360" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/85c6face-c1f5-46a9-bd66-c736a2846362.png" /> </a> </div> <div class="item"> <a href="/canal-foot" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/d147288a-28b4-44ab-b40d-b5645929cece.png" /> </a> </div> <div class="item"> <a href="/canal--sport" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/7b91fa48-2fad-405b-a4d7-fa60c2c6b306.png" /> </a> </div> <div class="item"> <a href="/canal--series" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/f3bee5c3-1102-4b30-8095-6806def89bc4.png" /> </a> </div> <div class="item"> <a href="/canal--docs" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/b75cc577-a480-4a1d-8ca7-d85fb2baf09c.png" /> </a> </div> <div class="item"> <a href="/canal--kids" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/f102e006-9a8e-41fa-b68f-45af424ba00f.png" /> </a> </div> <div class="item"> <a href="https://www.canalplusgroup.com/fr" target=_'blank'> <img src="https://canalplusstoragelive.blob.core.windows.net/images/33d1baf7-f41d-4f9a-8da8-49b657bcdedb.png" /> </a> </div> <div class="item"> <a href="/c8" > <img src="https://canalplusstoragelive.blob.core.windows.net/media/7e6443bb-8951-4cd7-be38-9e7ff921a9f0.PNG" /> </a> </div> <div class="item"> <a href="/cstar" > <img src="https://canalplusstoragelive.blob.core.windows.net/media/87cfde1a-b50f-4dc3-9f85-10c1e71a9a57.png" /> </a> </div> <div class="item"> <a href="/cstar-hits-france" > <img src="https://canalplusstoragelive.blob.core.windows.net/media/f4d0c473-1ce2-4692-ae79-d1049355d6fa.png" /> </a> </div> <div class="item"> <a href="/polar-" > <img src="https://canalplusstoragelive.blob.core.windows.net/media/c416376e-7b3d-4d70-841c-163cbc2faa9b.png" /> </a> </div> <div class="item"> <a href="/ocs" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/ed97250a-cc46-4237-80f0-485a860940dc.png" /> </a> </div> <div class="item"> <a href="/cine--frisson" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/89fd946b-b13e-4d41-b058-4913152484c2.png" /> </a> </div> <div class="item"> <a href="/cine--emotion" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/17747882-b4dd-4f60-b334-1f285feab19c.png" /> </a> </div> <div class="item"> <a href="/cine--family" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/9f86b9c6-37e6-48e4-97e8-a453b36b7862.png" /> </a> </div> <div class="item"> <a href="/cine--festival" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/a0bbf140-65f1-49c6-b079-b40e100dbb9b.png" /> </a> </div> <div class="item"> <a href="/cine--classic" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/b427d1f5-a36e-4121-b134-6c84041e1d2b.png" /> </a> </div> <div class="item"> <a href="/planete-" > <img src="https://canalplusstoragelive.blob.core.windows.net/media/bcc1bddf-834a-4ae0-a213-f71cf0b575bc.png" /> </a> </div> <div class="item"> <a href="/planete--ci" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/1c58c9d9-e777-4954-8656-6592e03dcda2.png" /> </a> </div> <div class="item"> <a href="/planete--a-e" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/3286b99a-eb36-4389-94f1-cdbc5ec9d7f2.png" /> </a> </div> <div class="item"> <a href="/seasons" > <img src="https://canalplusstoragelive.blob.core.windows.net/media/b33b21b1-4def-4231-90d0-870e27b83dc4.png" /> </a> </div> <div class="item"> <a href="/comedie-" > <img src="https://canalplusstoragelive.blob.core.windows.net/media/fe11bc09-7649-4ea6-bcd0-76ec9d7d0752.png" /> </a> </div> <div class="item"> <a href="/olympia-tv" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/815e2104-1b3d-45dd-9264-0dca476e8526.png" /> </a> </div> <div class="item"> <a href="/piwi-" > <img src="https://canalplusstoragelive.blob.core.windows.net/media/32a2d165-5bae-4ebd-8b6a-9ab274a5f999.png" /> </a> </div> <div class="item"> <a href="/teletoon-" > <img src="https://canalplusstoragelive.blob.core.windows.net/media/b42ec9e8-2f94-490b-a024-26b025aa445e.png" /> </a> </div> </div> <div class="MS-controls"> <button class="MS-left"><i class="glyphicon glyphicon-chevron-left" aria-hidden="true"></i></button> <button class="MS-right"><i class="glyphicon glyphicon-chevron-right" aria-hidden="true"></i></button> </div> </div> <div class="clearfix"></div> </div> <div id="modal" class="modal" data-keyboard="false" data-backdrop="static"></div> <style> #hellodiv {display:none;} </style> <style> #searchicon{ top: -60px; } #search-container{ top: -73px;} </style> <div class="header clearfix videoplus-class bigbackground headerStudioCloud "> <div id="headercontainer" class="container studio-cloud-hc" > <div class="languages "> <form action="/Account/SetCulture" method="post"><div class="control-group"> <a href="/Account/SetCulture/en-GB" class="Country_GB"></a> <a href="/Account/SetCulture/es" class="Country_ES"></a> <a href="/Account/SetCulture/it" class="Country_IT"></a> <a href="/Account/SetCulture/ru" class="Country_RU"></a> <a href="/Account/SetCulture/fr" class="Country_FR"></a> <a href="/Account/SetCulture/de" class="Country_DE"></a> </div> </form> </div> <div id="heroBannerSliderOuter"> <div class="wrapper" id="heroBannerSlider"> <div class="hero-banner-carousel-wrapper"> <div class="hero-banner-carousel"> <ul> <li> <div class="bannercontainer"> <div class="bigplaybutton"> <a href="#" onclick="$(this).parent().parent().find('video')[0].play(); $(this).hide(); return false"><i class="fa fa-play icon-play glyphicon glyphicon-play"></i></a> </div> <a href="/canal-/title/marie-antoinette---l-affaire-du-collier" style="display: inline-block; width: 100%; height: 100%; "> <video poster="https://canalplusstoragelive.blob.core.windows.net/images/411c3a83-6536-4959-bbb2-aabf9ef8b526.png" preload="none"> <source src="https://canalplusstoragelive.blob.core.windows.net/images/71399f50-d43e-4ec4-be1e-ef3bf41acde2.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </a> <div class="bannerOverlay"> <a href="/canal-/title/marie-antoinette---l-affaire-du-collier" style="color:#FFFFFF;">MARIE-ANTOINETTE : L'AFFAIRE DU COLLIER<br />Épisode 4<br />Le 3 mars 21H00 <br />MARIE-ANTOINETTE CONFIDENTIELLE<br />Épisodes 3 et 4<br />Le 3 mars 22H05</a> <br /> <p></p> <a href="/Material/DownloadAttachment?url=https%3A%2F%2Fcanalplusstoragelive.blob.core.windows.net%2Fimages%2F370ac08f-00ad-40af-94a3-2a5ed8884bf2.pdf&filename=CANAL%2B%20-%20MARIE-ANTOINETTE%20L%27AFFAIRE%20DU%20COLLIER.pdf" target="_blank" style="color:#FFFFFF;"> <p/>Dossier de Presse <i class="fa fa-arrow-down glyphicon glyphicon-arrow-down" style="font-size: 20px;"></i> </a> <br /><img src="https://canalplusstoragelive.blob.core.windows.net/media/0cbec50f-9d2f-47f3-bc0b-417c0d1771f3.png?sv=2015-02-21&sr=b&sig=odQFY6V94p%2Fnr30TSwvNSBXzvjXKY%2F4DP9YOCFEBJjA%3D&st=2025-02-17T10%3A21%3A52Z&se=2025-02-17T22%3A21%3A52Z&sp=rwdl" /> </div> </div> </li> <li> <div class="bannercontainer"> <div class="hero-banner-image" style="background-image: url('https://canalplusstoragelive.blob.core.windows.net/images/662cd7d1-1c99-4a67-9463-302a0ebec17f.JPG') !important; background-size: cover;text-align:center"> <a href="/canal-/title/uefa-champions-league" style="display: inline-block; width: 100%; height: 100%; "></a> </div> <div class="bannerOverlay"> <a href="/canal-/title/uefa-champions-league" style="color:#FFFFFF;">Huitièmes de finale aller<br />Le 5 mars 21H00</a> <br /><img src="https://canalplusstoragelive.blob.core.windows.net/media/0cbec50f-9d2f-47f3-bc0b-417c0d1771f3.png?sv=2015-02-21&sr=b&sig=odQFY6V94p%2Fnr30TSwvNSBXzvjXKY%2F4DP9YOCFEBJjA%3D&st=2025-02-17T10%3A21%3A52Z&se=2025-02-17T22%3A21%3A52Z&sp=rwdl" /> </div> </div> </li> <li> <div class="bannercontainer"> <div class="hero-banner-image" style="background-image: url('https://canalplusstoragelive.blob.core.windows.net/images/69e2369f-c469-4f90-b7f1-19e0bea387f9.JPG') !important; background-size: cover;text-align:center"> <a href="/canal-/title/uefa-europa-league" style="display: inline-block; width: 100%; height: 100%; "></a> </div> <div class="bannerOverlay"> <a href="/canal-/title/uefa-europa-league" style="color:#FFFFFF;"><br /><br />HUITIÈMES DE FINALE ALLER<br />Le 6 mars 21H00</a> <br /><img src="https://canalplusstoragelive.blob.core.windows.net/media/0cbec50f-9d2f-47f3-bc0b-417c0d1771f3.png?sv=2015-02-21&sr=b&sig=odQFY6V94p%2Fnr30TSwvNSBXzvjXKY%2F4DP9YOCFEBJjA%3D&st=2025-02-17T10%3A21%3A52Z&se=2025-02-17T22%3A21%3A52Z&sp=rwdl" /> </div> </div> </li> <li> <div class="bannercontainer"> <div class="hero-banner-image" style="background-image: url('https://canalplusstoragelive.blob.core.windows.net/images/0bdc9c23-d5bf-4f7e-b0b9-d5bb30800946.jpg') !important; background-size: cover;text-align:center"> <a href="/canal-/title/des-gens-bien-ordinaires--chapitre-2-" style="display: inline-block; width: 100%; height: 100%; "></a> </div> <div class="bannerOverlay"> <a href="/canal-/title/des-gens-bien-ordinaires--chapitre-2-" style="color:#FFFFFF;"><br />DES GENS BIEN ORDINAIRES<br />CHAPITRE 2<br />Épisodes 1 à 3<br />Le 4 mars 23H20<br />Création Décalée</a> <br /> <p></p> <a href="/Material/DownloadAttachment?url=https%3A%2F%2Fcanalplusstoragelive.blob.core.windows.net%2Fimages%2F6be6c581-4280-42d6-9571-0b16ffacb2ef.pdf&filename=CANAL%2B%20-%20DES%20GENS%20BIEN%20ORDINAIRE%20CHAPITRE%202.pdf" target="_blank" style="color:#FFFFFF;"> <p/>Dossier de Presse <i class="fa fa-arrow-down glyphicon glyphicon-arrow-down" style="font-size: 20px;"></i> </a> <br /><img src="https://canalplusstoragelive.blob.core.windows.net/media/0cbec50f-9d2f-47f3-bc0b-417c0d1771f3.png?sv=2015-02-21&sr=b&sig=odQFY6V94p%2Fnr30TSwvNSBXzvjXKY%2F4DP9YOCFEBJjA%3D&st=2025-02-17T10%3A21%3A52Z&se=2025-02-17T22%3A21%3A52Z&sp=rwdl" /> </div> </div> </li> <li> <div class="bannercontainer"> <div class="hero-banner-image" style="background-image: url('https://canalplusstoragelive.blob.core.windows.net/images/1d4a9200-595b-4fc4-90ad-36424316764a.jpg') !important; background-size: cover;text-align:center"> <a href="/canal-/title/a-l-ancienne" style="display: inline-block; width: 100%; height: 100%; "></a> </div> <div class="bannerOverlay"> <a href="/canal-/title/a-l-ancienne" style="color:#FFFFFF;">A L'ANCIENNE<br />Le 7 mars 21H00<br />Box-Office</a> <br /><img src="https://canalplusstoragelive.blob.core.windows.net/media/0cbec50f-9d2f-47f3-bc0b-417c0d1771f3.png?sv=2015-02-21&sr=b&sig=odQFY6V94p%2Fnr30TSwvNSBXzvjXKY%2F4DP9YOCFEBJjA%3D&st=2025-02-17T10%3A21%3A52Z&se=2025-02-17T22%3A21%3A52Z&sp=rwdl" /> </div> </div> </li> <li> <div class="bannercontainer"> <div class="bigplaybutton"> <a href="#" onclick="$(this).parent().parent().find('video')[0].play(); $(this).hide(); return false"><i class="fa fa-play icon-play glyphicon glyphicon-play"></i></a> </div> <a href="/canal-/title/motogp--2025" style="display: inline-block; width: 100%; height: 100%; "> <video poster="https://canalplusstoragelive.blob.core.windows.net/images/95d5bdf3-fc09-4eef-8c65-edd6c1faa0db.jpg" preload="none"> <source src="https://canalplusstoragelive.blob.core.windows.net/images/3072a5c9-fdb8-4fa1-bcee-96909683e081.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </a> <div class="bannerOverlay"> <a href="/canal-/title/motogp--2025" style="color:#FFFFFF;">MOTOGP™<br />GP de Thaïlande<br />Le 2 mars dès 08H15</a> <br /><img src="https://canalplusstoragelive.blob.core.windows.net/media/0cbec50f-9d2f-47f3-bc0b-417c0d1771f3.png?sv=2015-02-21&sr=b&sig=odQFY6V94p%2Fnr30TSwvNSBXzvjXKY%2F4DP9YOCFEBJjA%3D&st=2025-02-17T10%3A21%3A52Z&se=2025-02-17T22%3A21%3A52Z&sp=rwdl" /> </div> </div> </li> <li> <div class="bannercontainer"> <div class="hero-banner-image" style="background-image: url('https://canalplusstoragelive.blob.core.windows.net/images/62a3d8ff-9e97-4244-9f57-e3e8aeef0f8e.png') !important; background-size: cover;text-align:center"> <a href="/canal-/title/top-14-" style="display: inline-block; width: 100%; height: 100%; "></a> </div> <div class="bannerOverlay"> <a href="/canal-/title/top-14-" style="color:#FFFFFF;">USA PERPIGNAN/UNION BORDEAUX-BÈGLES<br />AVIRON BAYONNAIS/ASM CLERMONT<br />Les 1er et 2 mars<br />18e journée du Top 14</a> <br /><img src="https://canalplusstoragelive.blob.core.windows.net/media/0cbec50f-9d2f-47f3-bc0b-417c0d1771f3.png?sv=2015-02-21&sr=b&sig=odQFY6V94p%2Fnr30TSwvNSBXzvjXKY%2F4DP9YOCFEBJjA%3D&st=2025-02-17T10%3A21%3A52Z&se=2025-02-17T22%3A21%3A52Z&sp=rwdl" /> </div> </div> </li> </ul> </div> <a href="#" class="jcarousel-prev">‹</a> <a href="#" class="jcarousel-next">›</a> <p class="jcarousel-pagination"></p> </div> </div> </div> <div class="logo logo-videplus"> <a href="/"> <img alt="Canal+ Medias" src="https://canalplusstoragelive.blob.core.windows.net/img/logocanalproblanc500px.png" style="max-height: 76px; " /> </a> </div> </div> </div> <div class="navbar navbar-inverse navbar-height navbar-height-2" id="menustripe"> <div class="container"> <div class="row rownegativemargin"> <div id="searchicon"><span class="glyphicon glyphicon-search"></span></div> <div id="search-container" class="col-xs-12 col-sm-12 col-md-5 col-lg-5 col-lg-offset-1 col-md-offset-2 col-sm-offset-0 "> <form role="search" action="/canal-/search"> <div class="input-append input-group"> <input type="text" class="form-control" name="searchStr" id="searchtext" maxlength="50"> <span class="input-group-btn"> <button class="btn btn-default btn-panther" id="btnSearch" type="submit">RECHERCHE</button> </span> </div> </form> </div> <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5" id="hellodiv"> <form action="/account/LogOff" id="logoutForm" method="post" style="width: 100%"><input name="__RequestVerificationToken" type="hidden" value="30XU2ZPitJsdHIOnBfbUQyow8osw_1EAhPID34G-IDapD2ey1jg4tHbqQIrZlqBYkxqf-LP2U4aoAhV_3aKR_ACMrFH2bxINH4Sr6MnXJmFzufjGy7Mwz0gkCbThWjZrrq0kBQ2" /> <div class="row rownegativemargin"> <div class="col-xs-5 col-sm-5 col-md-5 col-lg-5 col-lg-offset-3 hellorow"> <div class="hello"> <span class="hello-text">Bonjour,</span> <span class="nameLogin">ANON USER DO NOT DELETE</span> </div> <div class="youracc"> <ul class="list-inline"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Mon compte <span class="caret"></span> </a> <ul class="dropdown-menu"> <li style="display: none"> <a href="/order" title="Manage">Mes commandes</a> </li> <li class="divider" style="display: none"></li> <li> <a href="/account/EditUserInformation" title="Manage" class="popme">Modifier mes données</a> </li> <li><a class="popme" href="/account/Manage" title="Manage">Changer de mot de passe</a></li> <li class="divider"></li> <li> <a href="javascript:document.getElementById('logoutForm').submit()">Déconnexion</a> </li> </ul> </li> </ul> </div> </div> </div> </form> </div> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> <div class="container"> <div class="body-content" id="body-content"> <div class="row" id="conrow"> <div class="col-md-2" id="leftcol"></div> <div class="col-md-8" id="ajaxbody"> <div class="row"> <div id="genreSliderByStudio"> <div class="wrapper" id="genreSlider"> <div class="jcarousel-wrapper"> <div class="jcarousel"> <ul> <li> <a href="?genre=c7ebb835-ffcd-452d-87dd-ab9e016d0c66" class="ajaxlink" data-bodydiv="homepartialmain"> <img src="https://canalplus.azureedge.net/media/1b56af10-5564-44cf-9dda-23d795a00c09.png" alt="Cinema" /> </a> </li> <li> <a href="?genre=f5336d6a-e72d-4e00-971f-ab9e016d0f5d" class="ajaxlink" data-bodydiv="homepartialmain"> <img src="https://canalplus.azureedge.net/media/0a048695-8770-47eb-9576-a029a3225bed.png" alt="Serie" /> </a> </li> <li> <a href="?genre=f9c3bceb-f920-4c69-92de-ab9e016ec1f5" class="ajaxlink" data-bodydiv="homepartialmain"> <img src="https://canalplus.azureedge.net/media/7c3bf2ca-47fb-49ee-8f1a-962eb51ed126.png" alt="Sport" /> </a> </li> <li> <a href="?genre=4c3fc207-8930-47d0-a2bc-ab9e016d0e7c" class="ajaxlink" data-bodydiv="homepartialmain"> <img src="https://canalplus.azureedge.net/media/5f11eda0-db50-49a6-830d-ae2073cf3547.png" alt="Emission" /> </a> </li> <li> <a href="?genre=afe23963-40ac-4155-9483-ab9e016ecfbb" class="ajaxlink" data-bodydiv="homepartialmain"> <img src="https://canalplus.azureedge.net/images/cd576ae0-2955-4c21-8b0c-4430e1eb5c4d.png" alt="Spectacle" /> </a> </li> <li> <a href="?genre=76b41716-ddb6-4573-87ef-ab9e016d0d6c" class="ajaxlink" data-bodydiv="homepartialmain"> <img src="https://canalplus.azureedge.net/media/e39a2bd6-c9f4-4d0c-bb10-d8d5d778c213.png" alt="Court métrage" /> </a> </li> <li> <a href="?genre=7089d365-1459-4894-baad-ab9e016d1535" class="ajaxlink" data-bodydiv="homepartialmain"> <img src="https://canalplus.azureedge.net/media/c35eba58-b93f-4805-b60b-e1a5437ef63f.png" alt="Documentaire" /> </a> </li> <li> <a href="?genre=401b72d5-4adb-482f-82c6-ab9e016d0c3c" class="ajaxlink" data-bodydiv="homepartialmain"> <img src="https://canalplus.azureedge.net/media/5bf1434a-ecca-4252-9aac-8903f7e158b5.png" alt="TOUS LES PROGRAMMES" /> </a> </li> </ul> </div> <a href="#" class="jcarousel-control-prev">‹</a> <a href="#" class="jcarousel-control-next">›</a> <p class="jcarousel-pagination"></p> </div> </div> </div> </div> <div id="homepartialheader"> </div> <div id="homepartialmain"> <div class="row text-center campaigns-container"> <ul id="grid"> <li class="mix quad category_1" data-cat="À L'ANCIENNE" data-date="11/02/2025 17:47:48" id="scrollto0"> <a href="/canal-/title/a-l-ancienne" data-name="À L'ANCIENNE" title="À L'ANCIENNE" data-id="fe211bbc-8fb8-4fc9-a462-b27400ac4ff3"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/117487492" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>À L'ANCIENNE</strong> </div> </li> <li class="mix quad category_1" data-cat="BAD BOYS : RIDE OR DIE" data-date="11/02/2025 17:47:48" id="scrollto1"> <a href="/canal-/title/bad-boys---ride-or-die" data-name="BAD BOYS : RIDE OR DIE" title="BAD BOYS : RIDE OR DIE" data-id="e6076c8e-7044-479b-bd73-b242010c5745"> <img src="https://canalplusstoragelive.blob.core.windows.net/campaigns/adc72189-b19b-42b7-8847-b3873965018b.jpg" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>BAD BOYS : RIDE OR DIE</strong> </div> </li> <li class="mix quad category_1" data-cat="BIS REPETITA" data-date="11/02/2025 17:47:48" id="scrollto2"> <a href="/canal-/title/bis-repetita" data-name="BIS REPETITA" title="BIS REPETITA" data-id="0580fbdb-54ec-4473-a5e3-b2480102484b"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/115139899" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>BIS REPETITA</strong> </div> </li> <li class="mix quad category_1" data-cat="BOB MARLEY : ONE LOVE" data-date="11/02/2025 17:47:48" id="scrollto3"> <a href="/canal-/title/bob-marley---one-love" data-name="BOB MARLEY : ONE LOVE" title="BOB MARLEY : ONE LOVE" data-id="cca9ca8f-c70e-4dcb-bc6e-b21400abca48"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/114794192" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>BOB MARLEY : ONE LOVE</strong> </div> </li> <li class="mix quad category_1" data-cat="COMME UN FILS" data-date="11/02/2025 17:47:48" id="scrollto4"> <a href="/canal-/title/comme-un-fils" data-name="COMME UN FILS" title="COMME UN FILS" data-id="92733b08-dc5d-4494-9634-b22200f0f0c3"> <img src="https://canalplusstoragelive.blob.core.windows.net/campaigns/70bc5c7a-39d9-474d-9e7b-59bb357a9dd1.jpg" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>COMME UN FILS</strong> </div> </li> <li class="mix quad category_1" data-cat="COMME UN PRINCE" data-date="11/02/2025 17:47:48" id="scrollto5"> <a href="/canal-/title/comme-un-prince" data-name="COMME UN PRINCE" title="COMME UN PRINCE" data-id="1351c64c-3456-4fb7-813f-b1f600e85773"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/114374416" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>COMME UN PRINCE</strong> </div> </li> <li class="mix quad category_1" data-cat="DUCOBU PASSE AU VERT !" data-date="11/02/2025 17:47:48" id="scrollto6"> <a href="/canal-/title/ducobu-passe-au-vert--" data-name="DUCOBU PASSE AU VERT !" title="DUCOBU PASSE AU VERT !" data-id="1485159e-6cc2-4d9f-8041-b24b00f3e024"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/115366800" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>DUCOBU PASSE AU VERT !</strong> </div> </li> <li class="mix quad category_1" data-cat="EMILIA PEREZ" data-date="11/02/2025 17:47:48" id="scrollto7"> <a href="/canal-/title/emilia-perez" data-name="EMILIA PEREZ" title="EMILIA PEREZ" data-id="1fcf692c-0a63-4577-ac0e-b27400ac4fcd"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/117311568" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>EMILIA PEREZ</strong> </div> </li> <li class="mix quad category_1" data-cat="ET PLUS SI AFFINITÉS" data-date="11/02/2025 17:47:48" id="scrollto8"> <a href="/canal-/title/et-plus-si-affinites" data-name="ET PLUS SI AFFINITÉS" title="ET PLUS SI AFFINITÉS" data-id="d22213b2-f240-4e9c-ac0d-b248010246c6"> <img src="https://canalplusstoragelive.blob.core.windows.net/campaigns/889b2fc7-2003-4d6b-92fa-db97ee274859.jpg" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>ET PLUS SI AFFINITÉS</strong> </div> </li> <li class="mix quad category_1" data-cat="FRÈRES" data-date="11/02/2025 17:47:48" id="scrollto9"> <a href="/canal-/title/freres" data-name="FRÈRES" title="FRÈRES" data-id="ffe91ba9-2037-47d9-a724-b242010c6002"> <img src="https://canalplusstoragelive.blob.core.windows.net/campaigns/9e216aa4-deb1-447e-b95b-f2256e8b1a21.jpg" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>FRÈRES</strong> </div> </li> <li class="mix quad category_1" data-cat="GODZILLA X KONG : LE NOUVEL EMPIRE" data-date="11/02/2025 17:47:48" id="scrollto10"> <a href="/canal-/title/godzilla-x-kong---le-nouvel-empire" data-name="GODZILLA X KONG : LE NOUVEL EMPIRE" title="GODZILLA X KONG : LE NOUVEL EMPIRE" data-id="b5b3711e-551f-4a3f-b2f6-b1fe00e026a2"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/115366779" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>GODZILLA X KONG : LE NOUVEL EMPIRE</strong> </div> </li> <li class="mix quad category_1" data-cat="HORS DU TEMPS" data-date="11/02/2025 17:47:48" id="scrollto11"> <a href="/canal-/title/hors-du-temps" data-name="HORS DU TEMPS" title="HORS DU TEMPS" data-id="d90b0596-5dee-4957-ba31-b28100a4c5ed"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/116418325" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>HORS DU TEMPS</strong> </div> </li> <li class="mix quad category_1" data-cat="ICI ET LÀ-BAS" data-date="11/02/2025 17:47:48" id="scrollto12"> <a href="/canal-/title/ici--et-la-bas" data-name="ICI ET LÀ-BAS" title="ICI ET LÀ-BAS" data-id="55c14beb-a884-4203-89a7-b2800083ba93"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/115452727" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>ICI ET LÀ-BAS</strong> </div> </li> <li class="mix quad category_1" data-cat="IL RESTE ENCORE DEMAIN" data-date="11/02/2025 17:47:48" id="scrollto13"> <a href="/canal-/title/il-reste-encore-demain" data-name="IL RESTE ENCORE DEMAIN" title="IL RESTE ENCORE DEMAIN" data-id="af8d4366-1aae-4581-b857-b24c0101e246"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/115082640" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>IL RESTE ENCORE DEMAIN</strong> </div> </li> <li class="mix quad category_1" data-cat="KARAOKÉ" data-date="11/02/2025 17:47:48" id="scrollto14"> <a href="/canal-/title/karaoke" data-name="KARAOKÉ" title="KARAOKÉ" data-id="e9070273-0809-4219-94d0-b23000abb626"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/115139850" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>KARAOKÉ</strong> </div> </li> <li class="mix quad category_1" data-cat="LARGO WINCH : LE PRIX DE L'ARGENT" data-date="11/02/2025 17:47:48" id="scrollto15"> <a href="/canal-/title/largo-winch---le-prix-de-l-argent" data-name="LARGO WINCH : LE PRIX DE L'ARGENT" title="LARGO WINCH : LE PRIX DE L'ARGENT" data-id="d1d30f8b-0c62-43b4-bd12-b26d00fa9a25"> <img src="https://canalplusstoragelive.blob.core.windows.net/campaigns/89bf50d6-34f2-42c1-b88b-e8cead97744d.jpg" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>LARGO WINCH : LE PRIX DE L'ARGENT</strong> </div> </li> <li class="mix quad category_1" data-cat="LE DEUXIEME ACTE" data-date="11/02/2025 17:47:48" id="scrollto16"> <a href="/canal-/title/le-deuxieme-acte" data-name="LE DEUXIEME ACTE" title="LE DEUXIEME ACTE" data-id="a9ed90b9-1e98-4fd2-b06d-b26e01088e42"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/115779458" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>LE DEUXIEME ACTE</strong> </div> </li> <li class="mix quad category_1" data-cat="LE TABLEAU VOLÉ" data-date="11/02/2025 17:47:48" id="scrollto17"> <a href="/canal-/title/le-tableau-vole" data-name="LE TABLEAU VOLÉ" title="LE TABLEAU VOLÉ" data-id="9f062740-f8e6-4fb4-a4e7-b25f00f3b64f"> <img src="https://canalplusstoragelive.blob.core.windows.net/campaigns/7ef09fed-f9ca-40c4-bd67-6acae3fb96bd.jpg" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>LE TABLEAU VOLÉ</strong> </div> </li> <li class="mix quad category_1" data-cat="LES ENQUÊTES DU DÉPARTEMENT V : PROMESSE" data-date="11/02/2025 17:47:48" id="scrollto18"> <a href="/canal-/title/les-enquetes-du-departement-v---promesse" data-name="LES ENQUÊTES DU DÉPARTEMENT V : PROMESSE" title="LES ENQUÊTES DU DÉPARTEMENT V : PROMESSE" data-id="877f366b-e64d-4fc5-9c11-b23e00ff5bfa"> <img src="https://canalplusstoragelive.blob.core.windows.net/campaigns/13d85462-0486-4b82-bf6d-5d16d532c00a.jpg" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>LES ENQUÊTES DU DÉPARTEMENT V : PROMESSE</strong> </div> </li> <li class="mix quad category_1" data-cat="LES TROIS FANTASTIQUES" data-date="11/02/2025 17:47:48" id="scrollto19"> <a href="/canal-/title/les-trois-fantastiques" data-name="LES TROIS FANTASTIQUES" title="LES TROIS FANTASTIQUES" data-id="0e4197a1-8d47-4332-b167-b26e01088980"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/115793885" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>LES TROIS FANTASTIQUES</strong> </div> </li> <li class="mix quad category_1" data-cat="MOI, MOCHE ET MÉCHANT 4" data-date="11/02/2025 17:47:48" id="scrollto20"> <a href="/canal-/title/moi--moche-et-mechant-4" data-name="MOI, MOCHE ET MÉCHANT 4" title="MOI, MOCHE ET MÉCHANT 4" data-id="a4a83429-2200-49c7-b62d-b26000fb6d33"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/116652826" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>MOI, MOCHE ET MÉCHANT 4</strong> </div> </li> <li class="mix quad category_1" data-cat="NEUILLY-POISSY" data-date="11/02/2025 17:47:48" id="scrollto21"> <a href="/canal-/title/neuilly-poissy" data-name="NEUILLY-POISSY" title="NEUILLY-POISSY" data-id="61723ce6-b8c1-45a9-b34b-b28000f7075c"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/116187977" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>NEUILLY-POISSY</strong> </div> </li> <li class="mix quad category_1" data-cat="NOUS, LES LEROY" data-date="11/02/2025 17:47:48" id="scrollto22"> <a href="/canal-/title/nous--les-leroy" data-name="NOUS, LES LEROY" title="NOUS, LES LEROY" data-id="a6ae8a8d-ba8a-47c7-9b13-b24801024697"> <img src="https://thumb.canalplus.pro/bddpe/unsafe/285x160/115383444" id="movie" /> </a> <div class="campaign-disney-info" style="display:none;"> <strong>Release:</strong> <br> <strong>Rating:</strong> </div> <div class="campaign-studiocloud-info" style="display:none;"> <strong>NOUS, LES LEROY</strong> </div> </li> </ul> </div> </div> </div> <div class="col-md-2" id="rightcol"></div> </div> </div> </div> </div> <footer class="site-footerCPM"> <div class="container"> <div class="row"> <div class="col-md-6 footer-cpm"> <a href="/Home/Privacy">Mentions légales - Cookies</a><a href="/Home/TermsOfUse" class="col-footerCPM2">Conditions Générales d'Utilisation</a> </div> <div class="col-md-6 footer-links"> <a title="Dailymotion" href="https://www.dailymotion.com/CANALPLUS" target="_blank"> <i class="dailymotionicon"><img src="https://canalplus.azureedge.net/img/dailymotionSmall.png" /> </i> </a> <a title="Pinterest" href="https://www.pinterest.fr/canalplus/" target="_blank"><i class="glyphicon glyphicon-pinterest glyphicon-2x glyphicon-align-right"></i></a> <a title="Instagram" href="https://www.instagram.com/canalplus/" target="_blank"><i class="glyphicon glyphicon-instagram glyphicon-2x glyphicon-align-right"></i></a> <a title="Twitter" href="https://twitter.com/myCANAL" target="_blank"><i class="glyphicon glyphicon-twitter glyphicon-2x glyphicon-align-right"></i></a> <a title="Youtube" href="https://www.youtube.com/user/canalplusfrance" target="_blank"><i class="glyphicon glyphicon-youtube glyphicon-2x glyphicon-align-right"></i></a> <a title="Facebook" href="https://www.facebook.com/mycanal" target="_blank"><i class="glyphicon glyphicon-facebook-square glyphicon-2x glyphicon-align-right"></i></a> <a title="Canal+ Groupe" class="canalplusmediasicon" href="https://www.vivendi.com/en/activities/canal-group/" target="_blank"> <i><img src="https://canalplus.azureedge.net/img/Canal-Groupe-LogoSmall.png" /> </i> </a> </div> </div> </div> </footer> <script src="//code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script> <script src="/bundles/form?v=HMavfhAe1oVdS2zmkkKOLNFi9bMLHZQ4TaTBIuIsAaY1"></script> <script src="/bundles/general?v=idZ6Cgm-kWE6fh137UssYpTZ8o5-_FlqH_yTxbB1wcw1"></script> <script src="/bundles/datatables?v=8WTbF0K2NTDkdDTxv9HjIORaesyjCuPqgR4jDjSUaNY1"></script> <script src="https://canalplusweb.azureedge.net/Scripts/multislider/multislider.js"></script> <script src="//cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script> <script type="text/javascript"> var slider = $('#topSlider').multislider({ interval: 0, slideAll: true, duration: 1000 }); </script> <script> $.get('/canal-/Home/IndexRight', function (html) { $("#rightcol").html(html); }); </script> <script type="text/javascript"> //# sourceURL=_HomeScriptsBigBanner.cshtml $(function () { $("#heroBannerSliderOuter").show(); //HERO BANNER var hasHeader = $("div.headerStudioCloud.bigbackground").length == 0; if (!hasHeader) { $("div.headerStudioCloud.bigbackground").height($("div.headerStudioCloud.bigbackground").width() / 2.88); } else { var height = $("#heroBannerSliderOuter").width() / 2.88; $("#heroBannerSliderOuter").height(height); $(".hero-banner-carousel").height(height); $("#heroBannerSliderOuter video").css("max-height", height); } var autoStart = $(".hero-banner-carousel ul li").length > 1; var carousel = $('.hero-banner-carousel').jcarousel({ wrap: 'both' }).jcarouselAutoscroll({ interval: 10000, target: '+=1', autostart: autoStart }); //When a video is played we pause the carousel //When a video is played we show the controls $(".hero-banner-carousel video").on("play", function(){ $(this)[0].controls=true; console.log("stopping"); $('.hero-banner-carousel').jcarouselAutoscroll('stop'); }); $('.jcarousel-prev').jcarouselControl({ target: '-=1', carousel: carousel }); $('.jcarousel-next').jcarouselControl({ target: '+=1', carousel: carousel }); //Set element width to match container on create and resize $(".hero-banner-carousel li").width($(".hero-banner-carousel-wrapper").width()); if (!hasHeader) { $(window).on('resize', function () { $(".hero-banner-carousel li").width($(".hero-banner-carousel-wrapper").width()); $("div.headerStudioCloud.bigbackground").height($("div.headerStudioCloud.bigbackground").width() / 2.88); }); } else { $(".hero-banner-carousel li").width($(".hero-banner-carousel-wrapper").width()); var height = $("#heroBannerSliderOuter").width() / 2.88; $("#heroBannerSliderOuter").height(height); $(".hero-banner-carousel").height(height); $("#heroBannerSliderOuter video").css("max-height", height); } $("#heroBannerSliderOuter").css('visibility', 'visible'); //Create pagination items $(".jcarousel-pagination") .on('jcarouselpagination:active', 'a', function() { $(this).addClass('active'); }) .on('jcarouselpagination:inactive', 'a', function() { $(this).removeClass('active'); }) .jcarouselPagination({ item: function(page) { return '<a href="#' + page + '"> \ </a>'; }, carousel: carousel }); $('.jcarousel-pagination').on('jcarouselpagination:active', 'a', function() { $('video').trigger('pause'); }); }); </script> <script type="text/javascript"> //# sourceURL=_HomeScripts.cshtml $(function () { //VideoPlus only $('.jcarousel') .on('jcarousel:create jcarousel:reload', function () { //var element = $(this), // width = element.innerWidth(); // if (width > 900) { // width = width / 10; // } else if (width > 600) { // width = width / 6; //} //element.jcarousel('items').css('width', width + 'px'); }) .jcarousel({ // Your configurations options }); $('.jcarousel-control-prev').jcarouselControl({ target: '-=1' }); $('.jcarousel-control-next').jcarouselControl({ target: '+=1' }); //$('.jcarousel-control-prev').hide(); $("#sortby").change(function () { var val = $(this).val(); location.href = "/canal-/?orderby=" + val + "&filter="; }); $('#datesort').click(); mixitupInit("#grid"); $(document).on('change', '#sortby', function () { if ($(this).val() == 'Date') { $('#datesort').click(); return; } if ($(this).val() == 'A-Z') { $('#sortaz').click(); return; } if ($(this).val() == 'Z-A') { $('#sortza').click(); return; } }); if ($("#newshidden").val() == "1") { $("#popupnewslink").click(); } $(window).on("load", function () { setTimeout("setScroll()", 200); //setScroll(); }); $(document).off("click", "#loadMoreCampaigns"); $(document).on("click", "#loadMoreCampaigns", function () { var element = $(this); var urlOrigin = new URL(window.location.href); var orderbyParam = urlOrigin.searchParams.get("orderby"); var filterParam = urlOrigin.searchParams.get("filter"); var langParam = urlOrigin.searchParams.get("lang"); var skipmanyParam = element.data("skip"); var genreParam = urlOrigin.searchParams.get("genre"); var url = window.location.pathname + "?"; if (orderbyParam) url += `orderby=${orderbyParam}&`; if (filterParam) url += `filter=${filterParam}&`; if (langParam) url += `lang=${langParam}&`; if (genreParam) url += `genre=${genreParam}&`; url += `skipmany=${skipmanyParam}`; //This is so that the back button loads the correct amount of records var u = window.location.href; if (u.indexOf("pp=") > -1) { u = u.substr(0,u.indexOf("pp=")-1); } if (u.indexOf("?")) { u = u + "&pp=" + skipmanyParam + "#scrollto"; } else { u = u + "?pp=" + skipmanyParam + "#scrollto"; } console.log(u); history.pushState({ path: u }, '', u); //call and render new view $.get(url, function (data) { $(".campaigns-container").append(data); mixitupInit(".grid-load-more"); }); //remove button element.remove(); //Remove pp (scroll to element) $("#scrollto").remove(); }); }); function mixitupInit(name) { //Script for initialize home page $(name).mixitup({ layoutMode: 'block', listClass: 'list', gridClass: 'grid', effects: ['fade', 'blur'], listEffects: ['fade', 'rotateX'] }); } function setScroll() { //Get current scroll var u = window.location.href; if (u.indexOf("#scrollto") > -1) { el = u.substr(u.indexOf("#")); window.scrollTo(0, $(el).offset().top); } $(document).off("scroll") $(document).on("scroll", function () { //Find hash var lis = $("#grid").find("li"); if (lis.count < 25) return; var li = ""; lis.each(function () { if (isScrolledIntoView($(this))) { li = $(this); } }); if (!li) return; var hash = li.attr("id"); var u = window.location.href; if (u.indexOf("#scrollto") > -1) { u = u.substr(0, u.indexOf("#")); } u = u + "#" + hash; console.log(u); history.pushState({ path: u }, '', u); }); } function isScrolledIntoView(el) { var rect = el[0].getBoundingClientRect(); var elemTop = rect.top; var elemBottom = rect.bottom; // Only completely visible elements return true: var isVisible = (elemTop >= 0) && (elemBottom <= window.innerHeight); // Partially visible elements return true: //isVisible = elemTop < window.innerHeight && elemBottom >= 0; return isVisible; } </script> <script type="text/javascript"> $(function () { // Init MIX. $('#mixedSlider').multislider({ duration: 750, interval: 2000 }); }); </script> <script type="text/javascript"> l._settings.set("fr"); </script> </body> </html>