investi-carousel

A Carousel for announcements

by contact_investi_com_au

HTML

<link href="//api.investi.com.au/investi-widget.css" rel="stylesheet" />
<link
  rel="stylesheet"
  type="text/css"
  href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"
/>
<link
  rel="stylesheet"
  type="text/css"
  href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css"
/>

<div class="investi-carousel"></div>

<!-- 
optional arguments
data-investi-carousel-options="getCarouselOptions"
-->

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script
  type="text/javascript"
  src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"
></script>

<!--  The `getCarouselOptions` function is optional -->
<script>
  // function getCarouselOptions() {
  //   return {
  //     slidesToShow: 4,
  //   slidesToScroll: 1,
  //   speed: 700,
  //   cssEase: 'cubic-bezier(0.77, 0, 0.175, 1)',
  //   infinite: true,
  //   autoplay: true,
  //   autoplaySpeed: 3500,
  //   }
  // }
</script>
<script src="//api.investi.com.au/investi.js?apiKey=c8d685c4-f8b5-48bb-a046-0874b66cec72"></script>

CSS

body{
 text-align:center;
 padding: 0 40px;
 background-color:lightblue;
 margin-top: 20px;
 }