Πώς να κάνετε κύλιση σε ένα στίγμα με πολλές εικόνες

Εάν είστε κάπως εξοικειωμένοι με την κωδικοποίηση HTML που απαιτείται για την κύλιση μιας μεμονωμένης εικόνας σε μια σελίδα ενώ χρησιμοποιείτε το tag, τότε υπάρχει μια καλή πιθανότητα ότι δεν θα σας είναι δύσκολο να κάνετε κύλιση πολλών εικόνων στην οθόνη. Κατά την κύλιση πολλών εικόνων σε μια σελίδα HTML χρησιμοποιώντας α ετικέτα, θα διαπιστώσετε ότι χρησιμοποιείται η ίδια βασική δομή που θα χρησιμοποιούσατε για κύλιση μόνο μιας εικόνας -- με μερικές επιπλέον ετικέτες εικόνας.

Βήμα 1

Ανοίξτε τη σελίδα HTML στην οποία θέλετε να κάνετε κύλιση σε πολλές εικόνες.

Το βίντεο της ημέρας

Βήμα 2

Εισαγάγετε τον ακόλουθο κώδικα στην ενότητα του εγγράφου όπου θέλετε να πραγματοποιήσετε κύλιση των εικόνων. Αυτό πρέπει να βρίσκεται ανάμεσα στις ετικέτες και:

Βήμα 3

Αντικατάσταση "http://www.website.com/image1.jpg," "http://www.website.com/image2.jpg" και "http://www.website.com/image3.jpg" με τις διαδρομές αρχείων ή τις διευθύνσεις URL των εικόνων που θέλετε να κάνετε κύλιση στη σελίδα.

Πρέπει να χρησιμοποιήσετε μια διαδρομή αρχείου μόνο εάν χρησιμοποιείτε μια εικόνα που είναι αποθηκευμένη στον ίδιο διακομιστή με τον ιστότοπό σας. Μια διαδρομή αρχείου δεν περιλαμβάνει το "

http://www.website.com" μέρος της διεύθυνσης URL, μόνο αυτό που ακολουθεί την κάθετο προς τα εμπρός. Για παράδειγμα, αν η πλήρης διεύθυνση URL ήταν "http://www.website.com/image3.jpg," θα χρειαστεί μόνο να εισαγάγετε το "image3.jpg."

Εάν η εικόνα έχει ληφθεί από άλλο ιστότοπο, πρέπει να εισαγάγετε την πλήρη διεύθυνση URL. Αυτή θα μπορούσε να είναι μια φωτογραφία από έναν διαδικτυακό διακομιστή φωτογραφιών ή οποιονδήποτε άλλο ιστότοπο για τον οποίο έχετε τη διεύθυνση URL μιας δημοσιευμένης εικόνας.

Βήμα 4

Δημοσιεύστε τη σελίδα.

αναφορές και πόροι

• Blu Archer: Train Gif Tutorials
• W3 Schools: Μάθετε HTML