ΠΑΡΑΛΙΑ ΑΚΟΛΗΣ (ΑΒΥΘΟΣ)
Νέοι 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>
***Μη ξεχάσετε να βάλετε τη διεύθυνση της εικόνας σας στα μπλε γράμματα...
...αν την έχετε ανεβάσει κατ' ευθείαν στο 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/
ΠΗΓΗ : www.spiceupyourblog.com/
2 σχόλια:
ΘΑ ΗΤΑΝ ΕΝΔΙΑΦΕΡΟΝ ΝΑ ΜΑΘΟΥΜΕ ΠΩΣ ΔΕΙΧΝΕΙ ΣΤΗ ΔΙΚΗ ΣΑΣ ΟΘΟΝΗ ΑΥΤΟ ΤΟ SCRIPT...ΚΑΙ ΦΥΣΙΚΑ ΑΝ ΛΕΙΤΟΥΡΓΕΙ ΣΤΟ BLOG ΣΑΣ
Γιάννη, στείλε μου ένα email, και πες μου τι έχεις κάνει, γιατι οι οδηγίες είναι σαφείς.Στείλε μου mail και εξήγησε μου ακόμα και τον browser που δουλεύεις( με exlporer δεν δουλευει το zoom) και τι φωτογραφίες έχεις βάλει (μέγεθος)
Δημοσίευση σχολίου