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

photto




4 Image zoom in code


ΠΑΝΟΡΑΜΙΚΗ ΦΩΤΟΓΡΑΦΙΑ ΑΠΟ ΤΟ ΑΙΓΙΟ
ΒΑΛΤΕ ΤΟ ΠΟΝΤΙΚΙ ΕΠΑΝΩ ΣΤΗ ΦΩΤΟ ΓΙΑ ΛΕΠΤΟΜΕΡΕΙΕΣ

ΠΑΡΑΛΙΑ ΑΚΟΛΗΣ (ΑΒΥΘΟΣ)

Νέοι bloggers γεια σας !!! Σήμερα θα παρουσιάσω, όσο πιο απλά μπορώ, τον κώδικα-script για τις  φωτογραφίες που είδατε στη προηγούμενη ανάρτηση ! Αυτό οφείλεται στον  Professor Cloud, που είναι ο Τσακ Νόρις του zoom in. Αυτό το zoom in διαφέρει από τα άλλα, γιατί "ζουμάρει" μέσα στην ίδια την εικόνα....


Mπαίνουμε στο blogger => Επεξεργασία HTML και βρίσκουμε τη φράση:
    </head>
και ΠΡΙΝ / ΕΠΑΝΩ από τη φράση αυτή επικολλάμε τον παρακάτω κώδικα:


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/cloud-zoom.1.0.2.js' type='text/javascript'/>

Τώρα κάθε φορά που ανεβάζετε στο blog σας μια φωτογραφία (μεγάλης ανάλυσης), θα προσθέτετε αυτόν τον κώδικα:

class="cloud-zoom" rel="softFocus: true, position:'inside', smoothMove:2"

δηλαδή ο κώδικας της φωτογραφίας θα γίνει έτσι :

<a class="cloud-zoom" rel="softFocus: true, position:'inside', smoothMove:2" href="ΔΙΕΥΘΥΝΣΗ (URL) ΕΙΚΟΝΑΣ"><img src="ΔΙΕΥΘΥΝΣΗ (URL) ΕΙΚΟΝΑΣ"/></a>


...αν την έχετε ανεβάσει κατ' ευθείαν στο blogger, θα δείχνει κάπως έτσι :



<div class="separator" style="clear: both; text-align: center;">
<a class="cloud-zoom" rel="softFocus: true, position:'inside', smoothMove:2" href="ΔΙΕΥΘΥΝΣΗ (URL) ΕΙΚΟΝΑΣ" imageanchor="1" =><img border="0" height="409" src="ΔΙΕΥΘΥΝΣΗ (URL) ΕΙΚΟΝΑΣ" width="640" /></a></div>


***Μη ξεχάσετε να βάλετε τη διεύθυνση της εικόνας σας στα μπλε γράμματα...

ΕΑΝ Ο ΠΕΡΙΗΓΗΤΗΣ ΣΑΣ ΕΙΝΑΙ Ο INTERNET EXPLORER 
ΔΕΝ ΘΑ ΜΠΟΡΕΣΕΤΕ ΝΑ ΔΕΙΤΕ ΑΥΤΟ ΤΟ ΥΠΕΡΟΧΟ ZOOM IN 
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
ΠΗΓΗ : www.spiceupyourblog.com/
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

4 σχόλια:

pan de lees είπε...

ΘΑ ΗΤΑΝ ΕΝΔΙΑΦΕΡΟΝ ΝΑ ΜΑΘΟΥΜΕ ΠΩΣ ΔΕΙΧΝΕΙ ΣΤΗ ΔΙΚΗ ΣΑΣ ΟΘΟΝΗ ΑΥΤΟ ΤΟ SCRIPT...ΚΑΙ ΦΥΣΙΚΑ ΑΝ ΛΕΙΤΟΥΡΓΕΙ ΣΤΟ BLOG ΣΑΣ

Γιάννης είπε...

Γεια σου παντελή μπορείς να μου πεις
πιο αναλυτικά γιατί προσπαθώ και
ξανά προσπαθώ αλλά δεν μπορώ να το
κάνω.

pandelees karagiann είπε...

Γιάννη, στείλε μου ένα email, και πες μου τι έχεις κάνει, γιατι οι οδηγίες είναι σαφείς.Στείλε μου mail και εξήγησε μου ακόμα και τον browser που δουλεύεις( με exlporer δεν δουλευει το zoom) και τι φωτογραφίες έχεις βάλει (μέγεθος)

Γιάννης είπε...

Το έβαλα και λειτουργεί μπορείς να μου πεις που είναι το link για να
την αλαλάξω;