cara membuat gambar zoom

cara membuat gambar zoom

buat teman dan para sobat untuk kali ini saya ingin berbagi tentang bagimana cara membuat gambar zoom untuk blog,lihat contoh nya di sini di bagian atas blog

oke ini cara nya:

1.log ke blog

2.edit element gadget

3.pilih html java script

4.copy paste code berikut

5.simpan

<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://i1223.photobucket.com/albums/dd501/prialembut/mm-1-1-1-1.jpg' //<-- Ganti dengan Masukan UrL Gambar Anda (Script by www.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://i1223.photobucket.com/albums/dd501/prialembut/mm-1-1-1-1.jpg' //<-- Ganti dengan UrL Gambar Anda (Script by www.kikiyo.co.cc)

})

$('#image3').addimagezoom()

})

</script>

<p><img id="image1" border="0" src="http://i1223.photobucket.com/albums/dd501/prialembut/mm-1-1-1-1.jpg" style="width:300px;height:225px" /><p>

tulisan http://i1223.photobucket.com/albums/dd501/prialembut/mm-1-1-1-1.jpg ganti dengan alamat url gambar yang di ingin kan.