Efek Image Magnify

naruto

Sudah kamu coba klik gambar naruto itu, apa yang terjadi ?
Gambar akan diperbesar lalu bergerak ke arah layar itulah efek image magnify. Efek seperti ini cocok dipakai untuk website yang suka dengan apa itu yang disebut seni.

Cara mengunakan efek ini pun gampang karena kita akan mengunakan Jquery library yang sudah disediakan para master. Dan hanya perlu sedikit usaha untuk bisa mengunakannya.

Efek ini bisa digunakan dengan 2 cara, tapi saya akan menjelaskan cara yang pertama saja karena akan membuat artikel terlalu panjang.


1. Sisipkan script dibawah ini di posting :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://h1.ripway.com/agumonreview/jquery.magnifier.js"> </script>

2. Pemasangan Gambar

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEUVF4eddqK3c-SLB6nBOQblQgLx2iZIipcYYp891t0Jhg-7O6i-TMVz1Z5PCElNaP__01abTcLcgRuvuq35otxis5ocTX3OUvK7ThOpCNAZD_b_oiPtx2-VzBpn-ffqKMyIfwXQiQD6nm/s320/naruto.jpg%3C/b>" alt="naruto" class="magnify"/>


Keterangan :

  1. Text berwarna hitam harus diganti dengan url gambar kamu
  2. Text berwarna Merah adalah cara kita untuk memanggil efek Magnify

Diterbitkan Oleh Fuad Muhtaz »
Kategori » Home » Efek Image Magnify » ,

ARTIKEL TERKAIT

Dari komentar menjadi inspirasi

Swedish Greys - a WordPress theme from Nordic Themepark. Converted by LiteThemes.com.