17 Ιουλίου 2009



7 Image Zoom effect στις αναρτήσεις σας

Σας αρέσει να πατάτε πάνω σε κάποια εικόνα μιας ανάρτησης, και ξαφνικά να φεύγετε απο την σελίδα, και να ανοίγει η εικόνα μόνη της, αναγκάζοντάς σας να πατήσετε ξανά το Back button για να ξαναδείτε την ανάρτηση; Ή το να προσέχετε "πού πατάτε" μην τυχόν πατήσετε κατά λάθος κάποια εικόνα και "χαθείτε" στο δρόμο; Όχι, ε; Το ξέρω, ούτε εμένα μου αρέσει να πώ την αλήθεια. Τι θα λέγατε για ένα κολπάκι, με το οποίο, πατώντας πάνω σε κάποια εικόνα μιάς ανάρτησης, να μεγαλώνει αυτόματα (Zoom) η εικόνα, και να κλείνει πάλι όταν την ξανακλικάρετε; Θέλετε ένα παράδειγμα; Ορίστε, πατήστε την παρακάτω εικόνα (αρκεί να έχει φορτώσει εντελώς η σελίδα) Υ.Γ. Οι εγγεγραμμένοι φίλοι στο Newsletter, για να μπορέσουν δοκιμάσουν το script, πρέπει να επισκευθούν την σελίδα στην σχετική ανάρτηση.
Σας άρεσε; Ελάτε να σας δείξω πώς γίνεται: 1.Κάντε Log in στον Πανόπτη--> Διάταξη- -> Edit HTML 2.Κάντε Click στο "Επέκταση γραφικών στοιχείων"

3.Κάντε Scroll πρός τα κάτω, μέχρι να δείτε το </head> tag.

4.Τώρα επικολλήστε τον παρακάτω κώδικα πρίν το </head> tag.

<script src='http://wam8387.110mb.com/FancyZoom.js' type='text/javascript'/> <script src='http://wam8387.110mb.com/FancyZoomHTML.js' type='text/javascript'/>
5.Τώρα βρείτε και αντικαταστήστε το <body> tag με αυτό: <body onload='setupZoom()'>

NOTE : Εάν στο template σας έχετε ήδη τον κώδικα <body onload='setupZoom()'> αντί το σκέτο <body> tag , υπερπηδήστε αυτό το βήμα.

6.Πατήστε αποθήκευση προτύπου.

Τώρα έχουμε πλέον το zoom effect για images. Αλά για να κάνετε zoom κάποιο image πρέπει να χρησιμοποιήσετε την παρακάτω φόρμα μέσα στην ανάρτησή σας, εκεί που θα φαίνεται η εικόνα:

<a href="Image link"><img src="Image link" width="200" border="0" height="200" />
Αντικαταστήστε τα κόκκινα γράμματα (Image link) με το Link της εικόνας που θέλετε να χρησιμοποιήσετε. Για τον σκοπό αυτό, επισκευθείτε την σελίδα imageshack (ανοίγει σε νέο παράθυρο) και ανεβάστε την φωτογραφία σας. Κατόπιν, κάντε copy το link της, και επικολήστε το στην θέση που είναι τα κόκκινα γράμματα (Image link) όπως σας προείπα, αντικαθιστώντας τα με αυτό. Read this : Όταν χρησιμοποιείτε αυτό το script μέσα σε μια ανάρτηση, συνήθως θα σας πεί η blogger πως υπάρχει κάποιο σφάλμα, και κάτω απο την εικόνα σας, το κείμενο θα είναι link. Μην τρομάζετε, δεν είναι τίποτε. 1.Πατήστε σύνθεση, και μαρκάρετε το κείμενο που είναι link ενώ δεν θα έπρεπε. 2.Πατήστε το σύμβολο του link (μοιάζει με 2 κρίκους αλυσίδας) και πατήστε 'OK' δίχως να γράψετε το παραμικρό. Όλο το μαρκαρισμένο κείμενο θα διορθωθεί. 3.Πατήστε τέλος απλά, μαρκάροντας το τετραγωνάκι αριστερά που λέει: 'Διακοπή προβολής σφαλμάτων HTML για το κύριο τμήμα αυτής της ανάρτησης' και αναρτήστε το κείμενό σας κανονικά. Καλή επιτυχία!
"Εάν σε ενδιαφέρουν οι αναρτήσεις μου, έχε υπ' όψη πως μπορείς να εγγραφείς στο RSS feed του Blog. Μπορείς επίσης να κάνεις εγγραφή με email, λαμβάνοντας απ ευθείας κάθε μου ανάρτηση στα Εισερχόμενά σου, κάνοντας εγγραφή στο Newsletter μου Σε ευχαριστώ που με διαβάζεις," Νικόλας
Αν βρήκες ενδιαφέρουσα την ανάρτηση, κέρνα ένα καφεδάκι!




Print this post



Related Posts :



7 σχόλια:

Κώστας M. είπε... Best Blogger Tips

Τα σπάνε αυτά τα αρθράκια σου!!


taspa είπε... Best Blogger Tips

Αυτο το παλικάρι χασαμε????


Πετρος είπε... Best Blogger Tips

Aν το κάνουμε τώρα θα γίνει αυτόματα το ίδιο και στις εικόνες των προηγούμενων αναρτήσεων...?


AATON είπε... Best Blogger Tips

Όχι Πέτρο, γιατί μην ξεχνάς πως σε κάθε εικόνα, θα χρησιμοποιήσεις την "φόρμα" στο τέλος που σας έδωσα. Αν βάλεις σε κάθε εικόνα την φόρμα, τότε ναι, αλά σίγουρα είναι φασαρία και δεν νομίζω να καθίσει κάποιος να χάσει τόσες ώρες για παλιότερες εικόνες, εκτός κι αν έχει λίγες.


AATON είπε... Best Blogger Tips

Τασούλα δεν πέθανα παιδί μου, γιατί με χάσατε; :-)


AATON είπε... Best Blogger Tips

Κώστα να σαι καλά σ' ευχαριστώ :-)


katakomvi είπε... Best Blogger Tips

kalhmera! pou fainetai h eikona mesa sto kwdika?? peripou!! ti tha leei?


Δημοσίευση σχολίου

Πες πως δεν έχεις χρόνο να σχολιάσεις.. να 'χεις πάρει όμως σοβαρό ύφος, καλά;

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.

Next Next Next