Όλα τα θέματα

+
Home > Πόρος > συμβουλές > Πώς να κάνει ένα απλό Javascript Slideshow

Πώς να κάνει ένα απλό Javascript Slideshow

JavaScript, επίσης γνωστή ως js, είναι μια γλώσσα σεναριογραφιών Ιστού που δραστηριοποιούνταν τα στοιχεία του DOM (μοντέλο αντικειμένου εγγράφου). Είναι μια τεχνολογία διαγώνιος-πλατφορμών για να αλληλεπιδράσετε με αντικείμενα στο HTML. Επισκεπτόμενοι διάφορα διαφορετικά αντικείμενα σε HTML, θα μπορούσε να αντιλαμβάνεστε ακόμη και ένα απλό Javascript slideshow με καθαρό κώδικα Javascript.

Αυτό το άρθρο θα σας δώσω ένα απλό παράδειγμα Javascript slideshow ώστε να μπορείτε να προσθέσετε μια εικόνα slideshow στην ιστοσελίδα σας. Μπορείτε να ελέγξετε τι και πόσες φωτογραφίες θα συμπεριληφθούν, καθώς και της ταχύτητας της παρουσίασης. Το μόνο εφέ μετάβασης Fade χρησιμοποιείται για την παρουσίαση της Javascript. Να κερδίσει περισσότερους ελέγχους πάνω από την εικόνα slideshows, όπως τα περισσότερα εφέ μετάβασης, slideshow τίτλους, υπερ-σύνδεση εικόνας, κλπ., σας συνιστούμε να χρησιμοποιήσετε πιο ισχυρό slideshow maker, όπως Flash Gallery εργοστάσιο, το οποίο προσθέτει αμέσως εντυπωσιακό δείχνει στον ιστοχώρο σας.

Download Win Version

Επίσης, θα μπορούσε να γίνει μια προηγμένη Javascript προγραμματιστής να επεκτείνει τους κώδικες javascript για μια καλύτερη παρουσίαση της javascript με την εκμάθηση Javascript πορεία για W3C.com. Τώρα θα δείτε πώς να δημιουργήσει ένα απλό Javascript slideshow ΒΗΜΑ ΠΡΟΣ ΒΗΜΑ.

1 να ξεκινήσετε από το παράδειγμα κώδικα JS slideshow

Δεν υπάρχει καμία ανάγκη να γράψουν κώδικα Javascript slideshow από το μηδέν. Εδώ είναι ένα παράδειγμα slideshow Javascript (1 kb, zip). Κάντε λήψη και εξαγωγή στον υπολογιστή σας. Απλά θα τροποποιήσει να ταιριάζει στις ανάγκες σας. Θα πάρετε ένα javascript-slideshow-example.html αρχείο.

2 να αλλάξετε το όνομα εικόνας, εικόνα διαδρομή, js Σαχύτητα slideshow

Ανοίξετε με το αγαπημένο σας επεξεργαστή κειμένου και να αλλάξετε σύμφωνα με τις σημειώσεις που περιλαμβάνονται στο αρχείο.

  • Για να αλλάξετε διαφανειών διάρκεια, πηγαίνετε στο slideShowspeed παράμετρος.
  • Για να προσθέσετε περισσότερες εικόνες, απλά αντιγράψτε και επικολλήστε Pic [0] = «1.jpg» γραμμή, και να αλλάξετε το όνομα του πίνακα αριθμός και η εικόνα αρχείο αντίστοιχα. Εάν η εικόνα σας τοποθετούνται σε ένα φάκελο, π.χ. εικόνες, χρησιμοποιήστε τη σχετική διαδρομή όπως Pic [0] = 'images/1.jpg'. Μπορείτε επίσης να χρησιμοποιήσετε απόλυτη εικόνα διεύθυνση εδώ.

3 Javascript ενσωματώσετε slideshow στην ιστοσελίδα σας

Τώρα ανοίξτε την ιστοσελίδα που θέλετε να ενσωματώσετε ένα Javascript slideshow. Αντιγράψτε και επικολλήστε την ετικέτα < script > ολόκληρο στον τόπο μεταξύ < κεφάλι > και < / κεφαλή >. Στη συνέχεια, αφήστε το σελίδας για να ξεκινήσετε σας slideshow Javascript, όταν η σελίδα φορτώνεται με την προσθήκη onLoad="javaSlideShow()" αποδίδουν την ετικέτα < σώμα >. Τέλος, κάνει το Javascript, εμφανίζονται στην σωστή θέση της σελίδας. Κάνω so, απλά βάλτε τον κώδικα μεταξύ < πίνακα > και < / επιτραπέζια > Ετικέτες όπου θα πρέπει να είναι.

4 να αποθηκεύσετε και να κάνετε προεπισκόπηση Javascript slideshow

Εντάξει, να το αποθηκεύσετε και να κάνετε προεπισκόπηση. Εάν όλα πάνε δεξιά, μπορείτε να δείτε ένα slideshow Javascript ως αυτό.

Ερωτήσεις σχετικές με το προϊόν; Μιλήσετε απευθείας με την ομάδα υποστήριξής μας >>

Κορυφή