728x90 AdSpace

Latest News

12 Oktober 2013

jQuery Zoom Effect

Gerakan mouse untuk lihat zoom efek tersebut

Cara pemasangan

1.Login ke akaun blogger anda.
2.Klik Template --> Edit HTML.
3.Cari kod </head>
4.Copy dan paste kod dibawah diatas kod </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/> <script src='http://faceblog-evolutions.googlecode.com/files/cloud-zoom.1.0.2.js' type='text/javascript'/>

5.Untuk mengaktifkan kod,guna kod ini

<div class="separator" style="clear: both; text-align: center;"> <a class="cloud-zoom" rel="softFocus: true, position:'inside', smoothMove:2" href="http://urlgambarkorang.jpg" imageanchor="1" =><img border="0" height="300" src="http://urlgambarkorang.jpg" width="460" /></a></div>

Gantikan http://urlgambarkorang.jpg dengan url gambar korang,kedua-dua url gambar bagi kod diatas adalah sama
jQuery Zoom Effect
  • Blogger Comments
  • Facebook Comments

0 ulasan:

Catat Ulasan

Top