Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




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'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

2 σχόλια:

Pnevmatikikinisi είπε...

ayto paidia den mporei na ginetai automata?

pandelees karagiann είπε...

Pnevmatikikinisi ...αυτοι οι κώδικες είναι για bloggers που θέλουν να παρουσιάσουν κάποιες πολύ μεγαλες σε μέγεθος εικόνες, η θέλουν να παρουσιάσουν σε gadget καποιες εξαιρετικές εικονες τους...φυσικα και γίνεται και αυτόματα, από τον blogger...αυτοί οι 2 κώδικες είναι απλά μόνον 2 από τους πολλους που υπάρχουν για να αναδείξουμε κάποιες εικονες σε μεγαλη αναλυση (πχ 1900Χ1200)...υπάρχουν πολλά script που κάνουν εξ ίσου το ίδιο...αυτα που παρουσίασα είναι τα πιο απλά ...