Πώς να προσθέσετε ένα Φως στις φωτογραφίες σας

Προσθέτοντας ένα light show ή light box σε μια ιστοσελίδα σας επιτρέπει να δείτε φωτογραφίες με μεγαλύτερη σαφήνεια . Ένας χρήστης μπορεί να κάνει κλικ μια εικόνα για να μεγεθύνει σε ένα φωτεινό παράθυρο κουτί , η οποία αλλάζει μέγεθος ανάλογα με το μέγεθος της εικόνας . Lightbox είναι ένα αποτελεσματικό εργαλείο για να εμφανίσετε τεράστιες φωτογραφίες χωρίς να επιβραδύνουν το χρόνο φόρτωσης , γιατί θα πρέπει να δείχνει μικρογραφίες αντί των πραγματικών φωτογραφιών σας . Ο χρήστης δεν χρειάζεται να φύγετε από την τρέχουσα σελίδα για να δείτε τη μεγαλύτερη φωτογραφία . Αυτός απλά να κλείσετε την εικόνα για να εξετάσουμε μια άλλη φωτογραφία . Lightbox είναι χτισμένο σε Javascript και μπορεί να προστεθεί σε μια ιστοσελίδα με τη χρήση Javascript , Jquery ή ένα plugin Wordpress . Τα πράγματα που θα χρειαστείτε
Notepad
Η Εμφάνιση Περισσότερες οδηγίες
Wordpress
Η 1

Εγκαταστήστε το Lightbox 2 plugin στο Wordpress . Πηγαίνετε στην περιοχή admin του site και κάντε κλικ στο " Προσθήκη νέου ", κάτω από το μενού " Plugins" . Αναζήτηση χρησιμοποιώντας το κείμενο " Lightbox 2 . " Τοποθετήστε το πρώτο plugin που εμφανίζεται στα αποτελέσματα αναζήτησης . 2

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

Προσθήκη εικόνων σε ένα post στο blog σας.
Η 4

Κάντε κλικ σε μια εικόνα σε μια θέση και το κιβώτιο φωτός θα ανοίξει .
εικόνων Javascript
5

Κατεβάστε το Lightbox 2 αρχεία και να εγκαταστήσετε στον server ( βλέπε Πόρων ) .
Η 6

Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου , όπως το Notepad .
Η 7

Δημιουργήστε ένα νέο αρχείο HTML .
8

Προσθέστε τις συνδέσεις με τα αρχεία της βιβλιοθήκης Javascript που είχαν κατεβάσει σε προηγούμενο στάδιο και συνδέσμους σε εικόνες :

Προσθέστε την επιχείρηση σας src="js/prototype.js">

<Τύπος script = " text /javascript " src = " js /lightbox.js " >

εικόνα 1

εικόνα 2

εικόνα 3
Η 9

Αποθηκεύστε το αρχείο και να το εκτελέσετε σε ένα πρόγραμμα περιήγησης . Κάντε κλικ στο σύνδεσμο για να ανοίξετε την εικόνα σε ένα ελαφρύ κουτί .
Εικόνων JQuery
Η 10

Κατεβάστε τα αρχεία JQuery και να τις εγκαταστήσετε στον server ( βλέπε Πόρων ) .
.
11

Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου , όπως το Notepad και να δημιουργήσετε ένα νέο αρχείο HTML
Η 12

Προσθέστε τις συνδέσεις με το JQuery και τα αρχεία CSS και σύνδεση για τη φωτογραφία :

Προσθέστε την επιχείρηση σας src="js/jquery.js">

<Τύπος script = " text /javascript " src = " js /jquery . lightbox - 0.4.js ">

Η

13 Προσθήκη κώδικα JQuery , για να δείξει το πλαίσιο φως όταν η φωτογραφία κλικ :