CINXE.COM
CANAL+SPORT360 : 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+SPORT360 : 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+SPORT360 : 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-sport360" > <img src="https://canalplusstoragelive.blob.core.windows.net/images/85c6face-c1f5-46a9-bd66-c736a2846362.png" class=activeItem /> </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 class="item"> <a href="/canal-" > <img src="https://canalplusstoragelive.blob.core.windows.net/media/0cbec50f-9d2f-47f3-bc0b-417c0d1771f3.png" /> </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> <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="hero-banner-image" style="background-image: url('https://canalplusstoragelive.blob.core.windows.net/images/8f8428bc-817c-4e7f-a416-1e2e529ebcec.jpg') !important; background-size: cover;text-align:center"> <a href="/canal-sport360/title/padel-" style="display: inline-block; width: 100%; height: 100%; "></a> </div> <div class="bannerOverlay"> <a href="/canal-sport360/title/padel-" style="color:#FFFFFF;">PREMIER PADEL<br />Barcelone<br />Les 19 et 20 d茅cembre</a> <br /><img src="https://canalplusstoragelive.blob.core.windows.net/images/85c6face-c1f5-46a9-bd66-c736a2846362.png?sv=2015-02-21&sr=b&sig=6CDvTkpMMX43xByto%2FDMGjWkj2B5V960T79A995n0oQ%3D&st=2024-11-27T10%3A17%3A42Z&se=2024-11-27T22%3A17%3A42Z&sp=rwdl" /> </div> </div> </li> </ul> </div> </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-sport360/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="PW9yO4GTTeKat1z9IJIfDb7jQpsRouQZiysK6nv9VyLMEz_ICOfU_hcBtF8HNqnrL99wlTTLBVizFg3rK7Ab_cO77vZFqq6FtXvaV-S1OKat6nyaArCyXw5MzPaVm5KF0SUnCA2" /> <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=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> <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=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> </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="LATE SPORT 360" data-date="26/11/2024 15:19:01" id="scrollto0"> <a href="/canal-sport360/title/late-sport-360" data-name="LATE SPORT 360" title="LATE SPORT 360" data-id="a0a155ee-18bf-48c2-a395-b1b900a2db07"> <img src="https://canalplusstoragelive.blob.core.windows.net/campaigns/909db8c2-869d-4497-b469-2c7633c25db5.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>LATE SPORT 360</strong> </div> </li> <li class="mix quad category_1" data-cat="PADEL " data-date="26/11/2024 15:19:01" id="scrollto1"> <a href="/canal-sport360/title/padel-" data-name="PADEL " title="PADEL " data-id="67153eca-3f7b-4513-b938-b11400da72e2"> <img src="https://canalplusstoragelive.blob.core.windows.net/campaigns/67b86125-8000-469d-9102-962a5b4e1660.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>PADEL </strong> </div> </li> <li class="mix quad category_1" data-cat="PREMIER LEAGUE" data-date="26/11/2024 15:19:01" id="scrollto2"> <a href="/canal-sport360/title/premier-league" data-name="PREMIER LEAGUE" title="PREMIER LEAGUE" data-id="09f43d1f-1e3d-44f1-9f9f-b1fc00a740fd"> <img src="https://canalplusstoragelive.blob.core.windows.net/campaigns/956b4536-7423-41bc-b2f0-c6a3bc4f2a2a.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>PREMIER LEAGUE</strong> </div> </li> <li class="mix quad category_1" data-cat="DOC SPORT" data-date="26/11/2024 15:19:01" id="scrollto3"> <a href="/canal-sport360/title/doc-sport" data-name="DOC SPORT" title="DOC SPORT" data-id="e008f410-dee2-4523-9e1c-afd300fe4609"> <img src="https://canalplusstoragelive.blob.core.windows.net/campaigns/aa9c0530-a0d8-4713-8557-eb0b9cb5fcd9.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>DOC SPORT</strong> </div> </li> <li class="mix quad category_1" data-cat="MARIE-JO" data-date="26/11/2024 15:19:01" id="scrollto4"> <a href="/canal-sport360/title/marie-jo" data-name="MARIE-JO" title="MARIE-JO" data-id="5192565f-5e48-4774-bc87-b1a000aa5043"> <img src="https://canalplusstoragelive.blob.core.windows.net/campaigns/fedaca03-4039-478b-b4a2-3db415af78e6.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>MARIE-JO</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=cLn15Euk3MWOa7Ca4nA9PnJ-L-25LJRmb5FpWQzx1CI1"></script> <script src="/bundles/datatables?v=XpXxShyeP1IgkY4Obx5cDNBYpako1oV5UKCypt8cn5Y1"></script> <script src="https://canalplusweb.azureedge.net/Scripts/multislider/multislider.js"></script> <script src="//cdn.jsdelivr.net/npm/lodash@4.17.11/lodash.min.js"></script> <script type="text/javascript"> var slider = $('#topSlider').multislider({ interval: 0, slideAll: true, duration: 1000 }); </script> <script> $.get('/canal-sport360/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-sport360/?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>