Προς το περιεχόμενο

Προτεινόμενες αναρτήσεις

Δημοσ.

Καλησπερα. Το googlαρα καπως ετσι οπως εγραψα στο τιτλο αλλα δεν βγαζω ακρη. Ισως λεγεται καπως αλλιως. 
Αν μπορει να βοηθξσει καποιος πως το ψαχνω ή ξερει καποιο site με τον κωδικα

Το εχω δει σε ολα σχεδον τα μεγαλα sites αλλα ας δουμε για παραδειγμα σε tripadvisor
 

θελω να κανω αυτο με το οριζοντιο σκρολ με αφη που δειχνω 

 

43EA210A-963E-401E-8A37-588DA85B9EE6.jpeg.ffe6f165ea48754a1529236bcecd8559.jpeg 
 

ή στο booking

CCCEDAD8-37BD-4A54-B736-0E3EE4A88ECD.jpeg.e5e2298b4b3217171f2bb46dae12927e.jpeg

Δημοσ. (επεξεργασμένο)

Καλημέρα σας. Τελικά βρήκα αυτό που έψαχνα. Είναι αυτό το Owl-Carousel και πέρασα αυτό εδώ https://owlcarousel2.github.io/OwlCarousel2/

Το plugin το πέρασα μόνο και μόνο για το κινητό. Δεν με ενδιαφέρει για μεγάλες οθόνες.  Δύο προβληματάκια μόνο μου απομένουν και δεν ξέρω πως να το φτιάξω. (Επίσης δεν ξέρω πως να περάσω το owl.carousel στο jsfiddle για να σας δείξω τι εννοώ).

α) Έβαλα στο κινητό να μου εμφανίζει μία μία κάρτα με τις ρυθμίσεις 

loop:false,
    margin:10,
    nav:false,
    responsive:{
        0:{
            items:1
        },
        700:{
            items:3
        },
        1200:{
            items:4
        }

θέλω όμως όπως τα παραδείγματα που ανέφερα στο πρώτο ποστ, να φαίνεται ένα κομμάτι του επόμενου στοιχείου, ωστέ να καταλαβαίνει κάποιος οτί έχει συνέχεια. Δοκίμασα και στον παραπάνω κώδικα έβαλα items:1.2. Παραδόξως εμφανίστηκε σωστά όπως ήθελα, αλλά δεν δουλεύει σωστά. Ενώ στο σκρολ, φαίνεται η κινήση οτί πάει να ανοίξει την επόμενη κάρτα, ξαναγυρνάει στην αρχή. Δηλαδή δεν μπορείς να πας στην δεύτερη κάρτα.

β) Δοκίμασα το scroll από το κινητό και αν δεν το "πιάσεις" καλά, κουνιέται λίγο η οθόνη πάνω κάτω. Δεν ξέρω τι φταίει σε αυτό.

Έφτιαξα εδώ ένα jsfiddle https://jsfiddle.net/s1p7tL2x/2/

Θέλω δηλαδή κάπως όπως το center που έφτιαξα εδώ https://jsfiddle.net/s1p7tL2x/3/ αλλα να μην έχει κενό στην αρχή και να φαίνεται ελάχιστο από το επόμενο slide

 

Επεξ/σία από L34x88iT

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
  • Δημιουργία νέου...