Whois Mark

Πέμπτη

6 Πως να κανετε zoom σε εικονα

Πως να κανετε zoom σε εικονα..(για τους λατρεις του ειδους σαν εμενα..)




Παραδειγματα μπορειτε να δειτε  εδω..  και   εδω..


Ισως πολλες φορες θα θελατε να δειξετε μια μεγαλη εικονα,αλλα πρωτον θα πιασει πολυ χωρο στην σελιδα σας..και πολλες φορες μερικες εικονες ειναι μεγαλυτερες απο τις σελιδες μας..
Εδω λοιπον θα σας δειξω πως ο επισκεπτης σας μετακινωντας μονο τον δεικτη του ποντικιου επανω σε μια μικρη εικονα θα μπορει να βλεπει σε υπερμεγενθυση καθε λεπτομερεια..

Πριν ξεκινησετε διαλεξτε μια μεγαλη εικονα..
Με ενα οποιοδηποτε προγραμμα επεξεργασιας εικονας (photoshop ..paintshop..η και με το Microsoft Picture Mananger καντε την resize και αποθηκευστε την ξεχωριστα..
Δηλαδη .Αποθηκευση ως η στα αγγλικα save as..και δωστε ενα αλλο ονομα.
Ανεβαστε και την πρωτοτυπη εικονα..αλλα και την μικρη σε καποιο site φιλοξενιας εικονων..(tinypic,imageshack ),οχι ομως στο blog σας,και αντιγραψτε καπου τα Direct Link των εικονων σας..

1)πηγαινετε στον πανοπτη σας..ΔΙΑΤΑΞΗ>>ΕΠΕΞΕΡΓΑΣΙΑ HTML
kαι βρειτε (CTRL+F) τον παρακατω κωδικα

</head>

Kαι αμεσως ΠΡΙΝ απο αυτον επικολλειστε τον παρακατω κωδικα



 <!--JQZOOM-STARTS-->

<script
src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery-1.3.2.min.js"
 type="text/javascript"></script>
<script
src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery.jqzoom1.0.1.js"
 type='text/javascript'></script>
<link rel="stylesheet"
href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jqzoom.css"
 type="text/css" />
<script type="text/javascript">


$(function() {
var options =
{

zoomWidth: 275,
zoomHeight:275
}
$(".jqzoom").jqzoom(options);


var options2 =
{

zoomWidth: 275,
zoomHeight: 275,
zoomType:'reverse'
}


$(".jqzoom2").jqzoom(options2);


});
</script>
<!--JQZOOM-STOPS-HELP@-http://bloggerstop.net-->

 (Το προσαρμοσμενο ζοομ ειναι 275x275και μπορειτε να το αλλαξετε εαν θελετε.)
2)Πατηστε αποθηκευση.

3)Πηγαινετε ΑΝΑΡΤΗΣΗ>>ΝΕΑ ΑΝΑΡΤΗΣΗ>> ΕΠΕΞΕΡΓΑΣΙΑ HTML,και επικολλειστε τον παρακατω κωδικα..

<a href="Το DIRECT LINK ΤΗΣ ΜΕΓΑΛΗΣ ΦΩΤΟ" class="jqzoom"
title="ZOOM ΣΕ ΦΩΤΟ"><img src="ΤΟ DIRECT LINK ΤΗΣ ΜΙΚΡΗΣ ΦΩΤΟ" title="justadream1" /></a>

Πριν κανετε ομως ΔΗΜΟΣΙΕΥΣΗ ΑΝΑΡΤΗΣΗΣ,τοποθετειστε τα DIRECT LINK των εικονων σας οπως σας δειχνω παραπανω..
πχ το http://img514.imageshack.us/img514/9113/big.jpg
ΖΟΟΜ ΣΕ ΦΩΤΟ (εδω βαλτε οτι ονομα θελετε)
Aφου βαλετε τα links των εικονων σας πατηστε ΔΗΜΟΣΙΕΥΣΗ ,και δειτε τι ομορφα θα δειχνει..


Στο δευτερο παραδειγμα απλα βαλτε τον αριθμο 2 μετα απο το jqzoom..
Δηλαδη να φαινεται ετσι  class="jqzoom2" .
Για οποιαδηποτε απορια,γραψτε στα σχολια, διοτι μπορει να ειναι και απορια αλλων.
Ευχαριστω και καλη διασκεδαση..









Πηγη εδω



6 σχόλια:

MOLEMOU είπε...

8-} ANTE NA DOUME TI ALLO 8A MA8OUME,S TO TELOS 8A GINOUME ASTRONAUFTES XAXA,KALHSPEROUDIA NEARE.

akantoy είπε...

χαχα εχεις απολυτο δικιο..
Δεν καθομαστε στα αυγα μας λεω εγω??
Οσο για το "Νεαρε",πες μου τι μπορω να κερασω??χαχα
:)]

Mitsobo είπε...

Kalispera. Den litugi to dexi klik! Malon ehis vali to gadgetaki pu to apenrgopii,ala etsi den bori kapios na dokimasi to trikaki pu dinis ute na vali to banner su sto blog tu. Gia listo afto to themateki.
filikotata Panagiotis

akantoy είπε...

ωπα ...συγνωμη που το ξεχασα...
το απενεργοποιω αμεσως..:-t

akantoy είπε...

το απενεργοποιησα..εαν δεν εχεις βγει,κανε ανανεωση της σελιδας..;))

文章 είπε...

餐飲設備 製冰機 洗碗機 咖啡機 冷凍冷藏冰箱 蒸烤箱 關島婚禮 巴里島機票 彈簧床 床墊 獨立筒床墊 乳膠床墊 床墊工廠 產後護理之家 月子中心 坐月子中心 坐月子 月子餐 銀行貸款 信用貸款 個人信貸 房屋貸款 房屋轉增貸 房貸二胎 房屋二胎 銀行二胎 土地貸款 農地貸款 情趣用品 情趣用品 腳臭 水晶 長灘島 長灘島旅遊 婚禮顧問 婚禮顧問

Δημοσίευση σχολίου

Related Posts Plugin for WordPress, Blogger...
.