Nih Cara Membuat Gambar Menjadi Besar Atau Cara Membuat Efek Zoom Pada Gambar
Giana Sih Efeknya Oke Langsung aja Ya..
Lihat:
Oke Nih Scripnya :
<style type="text/css">
.magnifyarea{ /* Script by www.kikiyo.co.cc Dont Change*/
box-shadow: 5px 5px 7px #818181;
-webkit-box-shadow: 5px 5px 7px #818181;
-moz-box-shadow: 5px 5px 7px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
background: white;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://wwwkikiyococc.googlecode.com/files/featuredimagezoomer.js">
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#image1').addimagezoom({
zoomrange: [3, 10],
magnifiersize: [300,300],
magnifierpos: 'right',
cursorshade: true,
largeimage: 'http://i44.tinypic.com/11icnk5.jpg' //<-- Ganti dengan Masukan UrL Gambar Anda (Script by www.edho-xp.blogspot.com Powered By Kikiyo.co.cc)
})
$('#image2').addimagezoom({
zoomrange: [5, 5],
magnifiersize: [400,400],
magnifierpos: 'right',
cursorshade: true,
cursorshadecolor: 'pink',
cursorshadeopacity: 0.3,
cursorshadeborder: '1px solid red',
largeimage: 'http://i44.tinypic.com/11icnk5.jpg' //<-- Ganti dengan UrL Gambar Anda (Script by www.edho-xp.blogspot.com Powered By Kikiyo.co.cc)
})
$('#image3').addimagezoom()
})
</script>
<p><img id="image1" border="0" src="http://i44.tinypic.com/11icnk5.jpg" style="width:300px;height:225px" /><p>
<a href="http://edho-xp.blogspot.com/2011/06/cara-membuat-efek-zoom-pada-gambar.html"><b><span class="Apple-style-span" style="color: red;">Mau Gambar Zoom Seperti Ini Klik Disini !!</span></b></a>
Yang Kode Warna Kuning Ganti Dengan URL Link Gambar Mu !
BackLink please. Thanks! ^^
| URL |
| Code For Forum |
| HTML Code |
About EDHO-XP Author
Nama gue Edo Cosma. Nama asli gue Ahmad Dhoifullah . Gue orang nya sedikit pendiam dan pemalu. Apa lagi gue masih menduduki kelas 8 / 2 SMP tepatnya di sekolah SMPN 3 BATANGHARI sekolang yang berada di kotaku. Ini blog hanya percobaan dan iseng aja kok sob. Salam kenal yah sob !
Add Comment For » Cara Membuat Efek Zoom Pada Gambar
Posting Komentar
Maaf bila Komentar yang belum terbalas /yang request belum bisa terpenuhi karena Admin lagi sibuk banget
- No Spam,No Flood,No Junk,No Iklan,No Sara,No S*x,
- Jangan Ngemis Tempalte Punya EDHO-XP ! karena buatnya susah payah ! baca Disclaimner !
- Dilarang Promosi Agan/Aganwati, Pertamax, Pertamina dsb.
- Gunakan Bahasa yang efektif
- Anda Sopan Kami Segan
- Komentar Alay LANGSUNG admin delete
THANKS!