Gambar super zoom

Coba arahkan cursor mouse pada gambar demo di atas, Bagaimana ? Jadi begini Script ini berfungsi untuk menampilkan ukuran gambar aslinya. Nah kalo anda pengen edit efek gambarnya silahkan utak-atik pada kode CSS nya dan ganti juga Image URL nya. Berikut ini Kodenya :
<style type="text/css">
img.expanserang{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border: 2px dotted #fff;box-shadow: 0 0 10px #000;-webkit-box-shadow: 0 0 10px #000;-moz-box-shadow: 0 0 10px #000;vertical-align: top;
}
</style>
<script src="https://overlay-basic.googlecode.com/svn/branches/amarajen_superzoom.js" type="text/javascript">
</script>
<img border="0" class="expanserang" height="75" src="http://baliwww.com/imagesgallery/ubud/alamindah/overview.jpg" width="100" />

Artikel Terkait