2 Κώδικας για full screen σε φωτογραφίες (photos in full screen)

Νέοι bloggers γεια σας...

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


Ο κώδικας είναι ο εξής :


1ος τρόπος  
<a class="expandable_button fullscreen" data-action="fullscreen" href=" ΔΙΕΥΘΥΝΣΗ ΜΕΓΕΘΥΜΕΝΗΣ ΕΙΚΟΝΑΣ " target="_blank" style=""><img src="https://lh3.googleusercontent.com/-ywPm-IwzLZs/Tj0adCvlEuI/AAAAAAAAB1c/kVXmWsXSMeU/s800/fullscreen.png" height="49" width="121" /><div></div></a>


***εδώ έχουμε ένα εικονίδιο που πατώντας το, να μεγεθύνεται η φωτογραφία σας σε νέα καρτέλα. (Τον κώδικα μπορείτε να τον βάλετε αμέσως μετά από τη φωτογραφία σας και να φαίνεται ένα εικονίδιο που τη μεγεθύνει). Το εικονίδιο (σας αφήνω τη διεύθυνση του, μήπως το χρειαστείτε), μπορείτε να το αλλάξετε με ένα της αρεσκείας σας....(πολλά εικονίδια ακόμα θα βρείτε ΕΔΩ) 
***Οι διαστάσεις height="49" width="121"  μπορούν να αλλάξουν ανάλογα με το εικονίδιο που θα βάλετε..


2ος τρόπος

<a class="expandable_button fullscreen" data-action="fullscreen" href=" ΔΙΕΥΘΥΝΣΗ ΜΕΓΕΘΥΜΕΝΗΣ ΕΙΚΟΝΑΣ " target="_blank" style=""><img src=" ΔΙΕΥΘΥΝΣΗ  ΜΙΚΡΗΣ ΦΩΤΟΓΡΑΦΙΑΣ" height="150" width="200" /><div></div></a>

***εδώ έχουμε μία μικρή φωτογραφία (200px) που τη χρησιμοποιούμε σαν εικονίδιο (είναι σμίκρυνση της μεγάλης φωτογραφίας που θα μεγεθυνθεί) 
***εδώ τις τιμές height="150" width="200"  μπορούμε να μη τις χρησιμοποιήσουμε  καθόλου, (και να σβήσουμε αυτό το σημείο του κώδικα) αν έχουμε υπολογίσει από πριν τις διαστάσεις της φωτο-εικονίδιο....
***Δείτε και αυτήν την ανάρτηση, που θα σας βοηθήσει με τα μεγέθη των φωτογραφιών σας : 
Αλλαγή Μεγέθους σε Εικόνα στο PICASSA


DEMO: ΠΑΡΑΔΕΙΓΜΑ 1ο

DEMO: ΠΑΡΑΔΕΙΓΜΑ 2ο

Ελπίζω να σας βοηθήσει αυτή η ανάρτηση να φτιάξετε το blog σας πιο όμορφο, λειτουργικό  και εμφανίσιμο...
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!!!


{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}