Javascript Gallery Tutorial

Το Javascript είναι μια αντικειμενοστραφής γλώσσα προγραμματισμού που είναι ιδανικό για την προσθήκη λειτουργικότητας σε σελίδες Web . Αν θέλετε να βάλετε μια συλλογή φωτογραφιών στην ιστοσελίδα σας , τότε μια γκαλερί Javascript είναι ένας τρόπος για να επιτύχετε το στόχο σας . Με την Javascript , μπορείτε να δημιουργήσετε μια συλλογή φωτογραφιών με ζουμ μέσα και έξω , και μικρογραφίες. Ενώ η δημιουργία μια συλλογή φωτογραφιών από το μηδέν Javascript είναι μια προηγμένη τεχνική , ρίχνοντας ένα προϋπάρχον πρότυπο στην ιστοσελίδα σας , θα σας δώσει το ίδιο αποτέλεσμα με λιγότερη εργασία . Τα πράγματα που θα χρειαστείτε
gallery ImageFlow σενάριο ( βλέπε αναφορές για download )
Η Εμφάνιση Περισσότερες οδηγίες
Η

1 Τοποθετήστε τα imageflow.js και imageflow.css σε μια ιστοσελίδα προσβάσιμη κατάλογο . Για παράδειγμα, θα μπορούσατε να τα τοποθετήσετε απευθείας στη ρίζα του εγγράφου , ή " περιλαμβάνει " υποφάκελο 2

Αντιγράψτε το επικολλήσετε την ακόλουθη γραμμή κώδικα στο κεφάλι του html εγγράφου : .
εικόνων 3

Αλλάξτε το href γνώρισμα στο σημείο όπου θα τοποθετηθεί " imageflow.css " στο αρχείο το πρώτο βήμα. Εάν το έχετε τοποθετήσει στη ρίζα άμεσα , δεν χρειάζεται να αλλάξει τίποτα .
Η

4 Αντιγράψτε και επικολλήστε τις παρακάτω γραμμές κώδικα στο κάτω μέρος της σελίδας που θέλετε να συμπεριλάβετε μια γκαλερί , λίγο πριν το τελικό tag σώματος : Προσθέστε την επιχείρηση σας src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
5

Αλλάξτε το " src" από τη δεύτερη γραμμή , στο σημείο όπου θα τοποθετηθεί το αρχείο imageflow.js στο πρώτο βήμα . Εάν το έχετε τοποθετήσει στη ρίζα άμεσα , δεν χρειάζεται να αλλάξει τίποτα
Η 6

Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα στο σώμα του html εγγράφου σας : .

Η 7

Προσθήκη όλες τις εικόνες που θέλετε μέσα στο gallery div από το παραπάνω βήμα . Αν θέλετε ο χρήστης να πρέπει να ληφθούν για μια εναλλακτική url όταν κάνουν κλικ στην εικόνα ( όπως ένα σύνδεσμο) , στη συνέχεια συμπληρώστε την παράμετρο "longdesc" με ένα url , διαφορετικά η ετικέτα εικόνας δεν χρειάζεται αυτό το χαρακτηριστικό . Πλάτος και το ύψος είναι υποχρεωμένοι να κάνουν τη δουλειά γκαλερί στον Internet Explorer
8

Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα στο html εγγράφου σας , κάτω από τον κώδικα από το βήμα 4 , αλλά πριν από τη λήξη ετικέτα του σώματος : . domReady (function ( ) { var gallery = νέα ImageFlow ( ) ? gallery.init ( { ImageFlowID : « galleryId '} ) ? } ) ?

9

Ανοίξτε html σελίδα σας σε ένα πρόγραμμα περιήγησης για να δείτε gallery εργασίας σας .
Η
εικόνων