Ο Βραχνός Προφήτης αναφέρεται στο συγκεκριμένο παράδειγμα στην παρακάτω αφίσα:
[thumb=200]
http://athens.indymedia.org/local/webca ... 2_____.jpg[/thumb]
Υπήρχε όντως ένα "κενό" στην συγκεκριμένη περίπτωση. Δεν ήταν εύκολο κανείς να παραθέσει μια "μινιατούρα" εικόνας στην οποία να μπορεί να ορίσει τις διαστάσεις.
Προσέθεσα, λοιπόν, ένα νέο tag
[thumb] (από τη λέξη "thumbnail") στο οποίο δίνετε τη διεύθυνση μιας εικόνας και το μέγεθος της μινιατούρας και παράγει μια μικρότερη (ή μεγαλύτερη) έκδοση της εικόνας με αυτόματο σύνδεσμο προς την αντίστοιχη έκδοση στις κανονικές διαστάσεις.
Η σύνταξη είναι αρκετά απλή: Ορίζετε το "image url" (δηλ. τη διεύθυνση της εικόνας) όπως κάνατε πάντα π.χ. στο [ img ] tag, και επιπλέον αναγράφετε και το "πλάτος" της προβαλλόμενης μινιατούρας. Το ύψος υπολογίζεται αυτόματα ώστε να διατηρείται ο σωστός λόγος πλάτους/ύψους:
Ο κώδικας, π.χ., για την συγκεκριμένη αφίσα που έχω παραθέσει παραπάνω είναι
Κώδικας: Επιλογή όλων
[thumb=200]http://athen.....oads/metafiles/________26-2_____.jpg[/thumb]
όπου παρέλειψα τμήμα της διεύθυνσης για οικονομί χώρου.
Σημειώστε πως η "σμίκρυνση" ή "μεγέθυνση" είναι
οπτική, που σημαίνει πως αν π.χ. η εικόνα είναι 2MB, ο χρήστης ουσιαστικά την κατεβάζει ολόκληρη αλλά την βλέπει στις διαστάσεις που προσδιορίζονται από εκείνον που την παραθέτει. Το θετικό είναι πως οι σύγχρονοι browsers κάνουν caching στις εικόνες και αν πατήσει πάνω στη μινιατούρα ώστε να την δει στην πλήρη της έκταση, δεν θα χρεαστεί να την ξανακατεβάσει.
Σημείωση: Αν επιθυμείτε να βάλω και μια "default" τιμή στο πλάτος (π.χ. 500pixels) και να γλιτώνετε μια παράμετρο όταν γράφετε το tag, πείτε μου να το προσθέσω
