Este es un indicador de código personalizado. Cambie a Vista Previa o publique la página para ver cómo funciona su código. Doble clic para editar

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js" ></script> <script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js" ></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js" ></script> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" /> <style> .my-carousel div img { max-width: 140px; max-height: 70px; } @media (max-width:600px){ .my-carousel div img { margin-top: 8px !important; max-width: 70px; } .logo-itau{ max-height: 40px !important; margin-top: 14px !important; } .logo-fna, .logo-credifamilia, .logo-bbva{ max-height: 40px !important; margin-top: 14px !important; } } .logo-credifamilia{ transform: scale(2); } .my-carousel div { display: flex; justify-content: center; align-items: center; } </style> <div class="my-carousel"> <div> <img src="https://us-ms.gr-cdn.com/getresponse-wHkC3/photos/4f1e1569-aae5-429b-8079-8161146e03d3.png" style="margin: auto" /> </div> <div> <img class="logo-bbva" src="https://us-ms.gr-cdn.com/getresponse-wHkC3/photos/c86c0a3d-f486-40ec-8a61-07d90a642c64.png" style="margin: auto" /> </div> <div> <img class="logo-credifamilia" src="https://us-ms.gr-cdn.com/getresponse-wHkC3/photos/df37c3a1-3f15-4433-bb7c-c4d9755f7537.png" style="margin: auto" /> </div> <div> <img src="https://us-ms.gr-cdn.com/getresponse-wHkC3/photos/54fe51da-4111-4f57-aed5-dfdb2a50b5ba.png" style="margin: auto" /> </div> <div> <img class="logo-fna" src="https://us-ms.gr-cdn.com/getresponse-wHkC3/photos/aa367614-3ba9-49f8-9e7c-323f6b674ee5.png" style="margin: auto" /> </div> <div> <img src="https://us-ms.gr-cdn.com/getresponse-wHkC3/photos/366263af-28cc-44ab-82ed-c80c295a4682.png" style="margin: auto" /> </div> <div> <img src="https://us-ms.gr-cdn.com/getresponse-wHkC3/photos/775083d0-c172-4b46-b6ae-a7dd59d54db9.png" style="margin: auto" /> </div> <div> <img src="https://us-ms.gr-cdn.com/getresponse-wHkC3/photos/4f1e1569-aae5-429b-8079-8161146e03d3.png" style="margin: auto" /> </div> </div> <script> function loadScript(url, callback) { var script = document.createElement("script"); script.type = "text/javascript"; if (script.readyState) { // only required for IE <9 script.onreadystatechange = function () { if ( script.readyState === "loaded" || script.readyState === "complete" ) { script.onreadystatechange = null; if (typeof callback === "function") callback(); } }; } else { //Others script.onload = function () { if (typeof callback === "function") callback(); }; } script.src = url; document.getElementsByTagName("head")[0].appendChild(script); } $(document).ready(function () { var inter; function createCarousel() { console.log("LOAD"); try { $(".my-carousel").slick({ dots: true, infinite: true, slidesToShow: 4, slidesToScroll: 4, autoplay: true, autoplaySpeed: 3000, responsive: [ { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1, dots: false, } }, ], }); } catch (e) { console.log(e); return; } } loadScript( "https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js", createCarousel ); }); </script>