Δημιουργία Flash Gallery με SimpleViewer

Σε αυτό το άρθρο θα δούμε πώς μπορείτε να δημιουργήσετε μέσα σε λίγα λεπτά μια όμορφη συλλογή φωτογραφιών σε Flash. Στην πραγματικότητα δεν θα χρειάζεται καν να ανοίξετε το Flash ... εργασία, στην πραγματικότητα, είναι ήδη έτοιμο από την όμορφη!

Στο διαδίκτυο, στην πραγματικότητα, μπορείτε να βρείτε πολλά σενάρια "μαγειρεύονται" για να δημιουργήσετε γκαλερί εικόνων, αλλά αυτό που σας παρουσιάζω σήμερα είναι, κατά τη γνώμη μου, πολύ καλά κάνει: esenziale, λειτουργικά και εύκολα προσαρμόσιμη!

Το εν λόγω σενάριο ονομάζεται SimpleViewer, και εκπονείται και διανέμεται δωρεάν Αεροστεγής Α.Ε.
Τα χαρακτηριστικά αυτού του σεναρίου είναι τόσες πολλές, μόλις λίγα:

• φως για να φορτωθεί (μόνο 17Kb)?
• προσαρμόσιμη χρώματα και μεγέθη?
• cross-platform, cross-browser
• κλπ..

Το πιο interessnte, ωστόσο, είναι ότι δεν χρειάζεται να είναι η χρήση των γραφικών παραστάσεων και να μάθετε το Flash!
Όπως αναφέρθηκε το έργο είναι έτοιμο και απλά adavvero λίγο για να το προσαρμόσετε κατά βούληση.

Ας δούμε λοιπόν πώς μπορείτε να δημιουργήσετε γκαλερί εικόνα μας στο Flash.

Για να κατεβάσετε το script θα πρέπει να πάτε στην επίσημη σελίδα του έργου. Μόλις κατεβάσετε το πακέτο, βέβαια, αποσυμπιέστε το να εξαγάγετε τα περιεχόμενά του.

Στο εσωτερικό είναι αρκετά αρχεία: το πιο σημαντικό είναι viewer.swf που είναι η ψυχή της όλης εφαρμογής. Εκτός από αυτό θα βρείτε το swfobject.js αρχείο (την οποία έχουμε ήδη συζητήσει σε αυτό το άρθρο ), ένα ζευγάρι των αρχείων. gallery.xml HTML και το αρχείο. Εκτός από αυτά τα αρχεία, υπάρχουν δύο φακέλους: εικόνες και τους αντίχειρες.

Πρώτα ετοιμάζουμε τις φωτογραφίες μας με το αγαπημένο πρόγραμμα γραφικών μας και να το αποθηκεύσετε in. Jpg με μια μη-προοδευτική. Αποθηκεύστε τις εικόνες μας μέσα στο φάκελο εικόνων.
Τώρα έχουμε δημιουργήσει μικρότερες εκδόσεις (κλικ για να εμφανίζεται ως μικρογραφία) και να το αποθηκεύσετε στο φάκελο μικρογραφιών φροντίζοντας να κρατήσει το ίδιο utiluizzato όνομα για την μεγάλη εικόνα αποθηκεύεται στο φάκελο εικόνων.

• <<
• 1
• 2
• 3
• >>