Ionic 3, carousel of cards with image and title

Question

Ionic 3, carousel of cards with image and title

Navigation

#1 by (0 votes)

0

I've been initiating ionic in a short time, creating an application, which in my idea I need to add a Card with an image and a title.

An example of this would be Google's Playstore.

But I have no idea how to do this. one of the problems for this would be how to do an array of images

ionic ionic3

asked by anonymous 31.10.2018 / 19:48

1 answer

Layout, CardView, and RecyclerView Problems submitting a multiple select in codeigniter in php

score 0 · Answer 1

You can do this using only html and css, nor do you need javascript for this ....

<style type="text/css">
    .carousel {
        width: 500px;
        height: 150px;
        display: inline-block;
        overflow-x: scroll;
        overflow-y: hidden;
        background-color: red;
        white-space: nowrap;
    }

    .item {
        width: 75px;
        height: 75px;
        margin: 10px 15px;
        display: inline-block;
        background-color: blue;
    }
</style>

<div class="carousel">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

Very basic, but I think it's a start ...