title: angular 5 ngx-carousel with centered active item
body: <p>
  im trying to make custom carousel, showing 3 items with clickable item in the middle.<br>
  <a href="https://i.stack.imgur.com/ev0Bt.png" rel="nofollow noreferrer">something like this lul!</a></p>
  
  <p>im using the ngx-carousel in my angular 5 project, ive made the carousel showing 3 items, but im confuse to make the middle get bigger and clickable with some event.</p>
  
  <p>
  here's my html code : </p>
  
  <pre><code>&lt;ngx-carousel [inputs]="carouselTileOne" (carouselLoad)="carouselTileOneLoad()"&gt;
  &lt;ngx-tile NgxCarouselItem &gt;
      &lt;div class="wBg"&gt;
          &lt;div class="tile" [style.background]="'url(' + tile + ')'"&gt;
              &lt;img class="img-responsive" src="../../assets/images/img-product (3).png" alt=""&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/ngx-tile&gt;
  &lt;ngx-tile NgxCarouselItem&gt;
      &lt;div class="wBg"&gt;
          &lt;div class="tile" [style.background]="'url(' + tile + ')'"&gt;
              &lt;img class="img-responsive" src="../../assets/images/img-product (3).png" alt=""&gt;
          &lt;/div&gt;    
      &lt;/div&gt;
  &lt;/ngx-tile&gt;
  &lt;ngx-tile NgxCarouselItem&gt;
      &lt;div class="wBg"&gt;
          &lt;div class="tile" [style.background]="'url(' + tile + ')'"&gt;
              &lt;img class="img-responsive" src="../../assets/images/img-product (3).png" alt=""&gt;
          &lt;/div&gt;      
      &lt;/div&gt;
  &lt;/ngx-tile&gt;
  &lt;ngx-tile NgxCarouselItem&gt;
      &lt;div class="wBg"&gt;
          &lt;div class="tile" [style.background]="'url(' + tile + ')'"&gt;
              &lt;img class="img-responsive" src="../../assets/images/img-product (3).png" alt=""&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/ngx-tile&gt;
  &lt;i NgxCarouselPrev class="leftRs fa fa-chevron-left fa-3x" aria-hidden="true"&gt;&lt;/i&gt;
  &lt;i NgxCarouselNext class="rightRs fa fa-chevron-right fa-3x" aria-hidden="true"&gt;&lt;/i&gt;
  </code></pre>
  
  <p></p>
  
  <p>and for the component.ts im using the file from the demo here <a href="https://github.com/sheikalthaf/ngx-carousel/blob/master/demo/src/app/app.component.ts" rel="nofollow noreferrer">ngx-carousel demo component.ts</a>
  </p>
  
  <p>any sugestion what should i do ? or give me another refrence.</p>