2 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/