Πώς να κάνετε Εικόνες Scroll

Αν είστε βαρεθεί με την κατοχή στατική , μη κινούμενες εικόνες στην ιστοσελίδα σας , ενσωματώνοντας εικόνες κύλιση παρέχει μια εύκολη εναλλακτική λύση. Προσθέτοντας κυλιόμενες εικόνες στην ιστοσελίδα σας προσθέτει μια μοναδική και επαγγελματική επαφή , ιδιαίτερα για τις επιχειρήσεις και την προώθηση ιστοσελίδων . Με μια βασική γνώση της HTML , μπορείτε να προσθέσετε αυτό το αποτέλεσμα στη σελίδα σας μέσα σε λίγα λεπτά . Οδηγίες
Η 1

Αν δεν το έχετε ήδη , να ανεβάσετε την εικόνα που θέλετε να χρησιμοποιήσετε σε απευθείας σύνδεση , είτε με δική του διακομιστή σας ή σε απευθείας σύνδεση υποδοχής εικόνας όπως TinyPic.com ή Photobucket.com .

Ενώ η διαδικασία μεταφόρτωσης διαφέρει ανάλογα με την τοποθεσία , το φόρτωμα μιας εικόνας στο διακομιστή ιστοσελίδα σας είναι σχετικά απλή . Πηγαίνετε στο διαχειριστή αρχείων του δικτυακού σας τόπου , αναζητήστε το εικονίδιο " Upload" ( συνήθως βρίσκεται στο πάνω μέρος της σελίδας ) και κάντε κλικ σε αυτό . Στη συνέχεια μπορείτε να περιηγηθείτε στον υπολογιστή σας για μια εικόνα για να φορτώσετε . Μετά την επιλογή της εικόνας , κάντε κλικ στο κουμπί "Upload ". Πάρτε τη σημείωση για την ακριβή θέση της εικόνας στο διακομιστή σας , καθώς θα χρειαστεί την πλήρη διεύθυνση URL . Για παράδειγμα , αν έχετε ανεβάσει την εικόνα σας σε ένα φάκελο που ονομάζεται " εικόνες ", η πλήρης διεύθυνση URL θα δούμε κάτι σαν αυτό : http://www.yourdomain.com/images/image.jpg 2

Ανοίξτε τη σελίδα στην οποία θέλετε να προσθέσετε την εικόνα κύλιση είτε editor ιστοσελίδα του διακομιστή σας ή ένα πρόγραμμα επεξεργασίας κειμένου όπως το σημειωματάριο , και να εντοπίσετε την ετικέτα . Αυτή η ετικέτα , τα οποία μπορείτε να βρείτε αυτήν την ετικέτα μετά το tag , χρησιμεύει ως περιοχή στην οποία τοποθετείτε το περιεχόμενο της ιστοσελίδας . Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα HTML μεταξύ και ετικέτες στην ειδική θέση όπου θέλετε να εμφανίζεται η εικόνα :

εικόνων
3

το " X "στην παραπάνω κώδικα υποδηλώνουν μεταβλητές που μπορείτε να προσαρμόσετε

η " κατεύθυνση " μεταβλητή δείχνει την κατεύθυνση στην οποία θέλετε η εικόνα να μετακινηθείτε ? . αντικαταστήσει αυτό το "X " είτε με " αριστερό" ή " . δεξιά "

Η " img src" μεταβλητή αυτή δηλώνει τη θέση της εικόνας που θέλετε να κύλιση στη σελίδα? αντικαταστήσει αυτό το «Χ» με την πλήρη διεύθυνση URL της εικόνας ( π.χ. , http://www.yourdomain.com/images/image . . jpg )

το " πλάτος" μεταβλητή εκχωρεί ένα συγκεκριμένο πλάτος στην εικόνα σε pixels ? αντικαταστήσει αυτό το "X " με κάθε αριθμό μεγαλύτερο από 1

το "ύψος" μεταβλητή εκχωρεί μια συγκεκριμένη . ύψος στην εικόνα σε pixels ? αντικαταστήσει αυτό το "Χ " με κάθε αριθμό μεγαλύτερο από 1 . ( Παίζουν με το πλάτος και το ύψος των μεταβλητών λίγο για να επιτευχθεί το επιθυμητό αποτέλεσμα για την κύλιση της εικόνας σας ) .

Μην αλλάξετε τη " συμπεριφορά " μεταβλητή, η οποία έχει οριστεί σε " κύλισης ", καθώς αυτή η ρύθμιση επιτρέπει την εικόνα για να προχωρήσουμε .
Η 4

Αν χρησιμοποιείται επεξεργαστή του διακομιστή σας για το Βήμα 3 , απλά κάντε κλικ στο κουμπί "Αποθήκευση". Αν χρησιμοποιείται σημειωματάριο ή σε άλλη εξωτερική πρόγραμμα , να το αποθηκεύσετε και στη συνέχεια να φορτώσετε στο διακομιστή σας . Χρησιμοποιήστε την ίδια μέθοδο ανεβάσματος εξήγησε στο Βήμα 1 .
5

Δοκιμάστε τον κωδικό ανοίγοντας το πρόγραμμα περιήγησης στο Web και να επισκεφθείτε την ιστοσελίδα . Αν η εικόνα δεν είναι κύλιση ή δεν εμφανίζεται καθόλου , ανοίξτε και πάλι την ιστοσελίδα στον επεξεργαστή σας και να διασφαλίσει ότι θα εισαχθούν όλες τις μεταβλητές που περιγράφεται στο Βήμα 3 σωστά.
Η
εικόνων