Βιβλίο
Υποενότητα 4.4: Εναλλασσόμενες εικόνες - Carousel
Υποενότητα 4.4: Εναλλασσόμενες εικόνες - Carousel
- Προσθήκη carousel
- Προσθήκη κλάσεων CSS
- Προσθήκη χειριστηρίων Carousel
Προσθήκη χειριστηρίων στο Carousel
Στη συνέχεια, θα προσθέσουμε χειριστήρια στο καρουσέλ ώστε να μπορέσουμε να μετακινηθούμε χειροκίνητα μεταξύ των διαφανειών. Προσθέστε τον ακόλουθο κώδικα στο κάτω μέρος μετά τα αντικείμενα καρουσέλ στο div του καρουσέλ για να προσθέσετε δείκτες διαφανειών που μας επιτρέπουν να επιλέγουμε μια συγκεκριμένη διαφάνεια:
Στη συνέχεια, προσθέστε τα αριστερά και τα δεξιά χειριστήρια στο καρουζέλ που μας επιτρέπουν να μετακινηθούμε χειροκίνητα στην προηγούμενη και την επόμενη διαφάνεια. Προσθέστε αυτό στο κάτω μέρος του καρουσέλ div:
left and right controls source:
Ο κώδικας θα δημιουργήσει μια σελίδα που εμφανίζεται ως εξής: