πως μπορώ να κάνω κάτι τέτοιο?

[L34x88iT]

Καλησπέρα. Αν και googlαρα σαν "horizontal scroll" ή "carousel" κλπ, δεν μπόρεσα να βρω αυτό που θέλω να κάνω.

Έχω φτιάξει κάποια columns (cards) στο bootstrap 4 με grid col-3 και εμφανίζονται ακριβώς όπως το θέλω. πχ 2 rows από 4 columns = 8 columns. Μια χαρά μέχρι εδώ.

Παράδειγμα:

Θέλω όμως να κάνω το παρακάτω που το έχω δει σε πολλά sites και ιδανικά θέλω να το φτιάξω όπως το booking.

Δηλαδή να δείχνω τα πρώτα 4 και μετά με βελάκι να μπορεί κάποιος να δει και τα υπόλοιπα.

Στο κινητό είναι ακόμα πιο ωραίο που δεν φαίνονται βελάκια, απλά φαίνονται 2,5 φωτογραφίες, οπότε καταλαβαίνει κάποιος οτι γίνεται οριζόντιο scroll.

επίσης στην τελευταία καταχώρηση βγάζει ένα τετραγωνάκι με λίνκ πρός όλους τους προορισμούς.

Πως μπορώ να κάνω κάτι τέτοιο???

Επεξ/σία 21 Ιανουαρίου 2021 από L34x88iT

[lionheart82]

Αυτό δεν ειναι bootstrap αλλά κάποιο image slider carousel implementation απο ότι αντιλαμβανομαι...  Εαν το ψαξεις στο google θα βρείς αρκετα libraries και tutorials.

[L34x88iT]

Απλα οταν ψαχνω carousel μου βγαίνουν μονο κατι μεγάλα που είναι για full screen

[thiva7]

https://bootsnipp.com/snippets/exVWQ

 

Κάπως έτσι? 

[L34x88iT]

1 ώρα πριν, thiva7 είπε

https://bootsnipp.com/snippets/exVWQ

 

Κάπως έτσι? 

Μπράβο ναι. Αλλά να έχει βελάκια. Και από οτι βλέπω τον κώδικα τα αλλάζει 3-3 εγώ θέλω κάθε κλικ να αλλάζει ένα μόνο κουτάκι. Δηλαδή να προσθέτει ένα στα δεξιά και να αφαιρεί ένα από τα αριστερά. Θα το πολεμήσω και ψάχνω και εγώ μήπως και βρω κάτι αλλά αν μπορεί να βοηθήσει και κάποιος άλλος...

 

Επεξ/σία 21 Ιανουαρίου 2021 από L34x88iT

[papmel]

https://kenwheeler.github.io/slick/

Αυτο θες  

[L34x88iT]

10 ώρες πριν, papmel είπε

https://kenwheeler.github.io/slick/

Αυτο θες  

Φίλε σε ευχαριστώ πάρα πολύ. Αυτό μου κάνει μια χαρά!!!