Ionic 3, card carousel with image and title

Asked

Viewed 339 times

0

I’ve been starting on Ionic a little while, creating an app, which in my idea precise adds a picture Cards and a title.

An example of this would be the Google Playstore.

Desse modo que quero criar

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

  • Mate, have you developed anything? Yes, put it to us. If you don’t have the code, then it’s not a question that follows the terms of the site, but that’s okay, you go to this site https://ionicframework.com/docs/components/#card-image here’s all the Ionic material you’ll need.

1 answer

0

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

<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>

Pretty basic, but I think it’s a start...

Browser other questions tagged

You are not signed in. Login or sign up in order to post.