Υποενότητα 4.4: Εναλλασσόμενες εικόνες - Carousel

Προσθήκη χειριστηρίων στο Carousel

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

Carousel indicators source:

Στη συνέχεια, προσθέστε τα αριστερά και τα δεξιά χειριστήρια στο καρουζέλ που μας επιτρέπουν να μετακινηθούμε χειροκίνητα στην προηγούμενη και την επόμενη διαφάνεια. Προσθέστε αυτό στο κάτω μέρος του καρουσέλ div: 

left and right controls source:

Ο κώδικας θα δημιουργήσει μια σελίδα που εμφανίζεται ως εξής: