Expand Image Script

Coba arahkan cursor sobat pada gambar demo disamping, Bagaimana mantap ya? Jadi begini sobat Script ini berfungsi untuk menampilkan ukuran gambar aslinya. Nah kalo sobat pengen edit efek gambarnya silahkan utak-atik pada kode CSS yang berwarna biru dan ganti juga Image URLnya.

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://sites.google.com/site/cuerosbhelat/expanserang.js" type="text/javascript">
</script>
<img border="0" class="expanserang" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfPPLMQDNkegZGKNBbj9rxqK3e8HO1Eb2xuJ6gXoRO8M9Ul0IelmA1FPbb1F3MYqi98upXvTaXREqE5-I9PtohTTbtcwGxI8fesGi3SQCD8yKM1pSoBHQeHEmphFM_a8aGRW2jv9Ri2SY/s1600/7487_469_thumb.jpg" width="100" />
<img border="0" class="expanserang" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS9o5aBuew1rUqLkEOPQPuScU3amo4krMZEep_4mKou2W8nrmpy06N9rCUSeIm4LXGadXNmHgbGnaNlTbElJr6WLoq3jGM_yijnepAyRS2qgx5sxSqN2vVJq6BfdoPaxEV7wEHLGKgxJk/s1600/7481_469_thumb.jpg" width="100" />
<img border="0" class="expanserang" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSsmdkViMi9hBvLbMesvLyD1VQ-5doISsDMV0zEavCRQw9SCW8RvsgRwbq-NAAF1-qk9V3RAmBCfMaYls2RcWf3ySg9-spL5Jcxv_1yr33GgE2ObX9HDsDW9TbC5bog3xX2mn6KvSMyjSd/s1600/keeley-hazell7.jpg" width="100" />

Selamat mencoba