JQUERY: membuat animasi ala pergi haji


sedot dulu ini

http://pergihaji.com/templates/desktop/css/jquery-ui-1.8.16.custom.css

dan tempatkan di folder css

http://pergihaji.com/templates/desktop/js/jquery-1.6.2.min.js

http://pergihaji.com/templates/desktop/js/jquery-ui-1.8.16.custom.min.js

http://pergihaji.com/templates/desktop/js/jquery.easing.1.3.js

http://pergihaji.com/templates/desktop/js/coin-slider.js

dan tempatkan di foldes js

setelah itu tempatkan ini diantara <head> dan </head>

<link rel=”stylesheet” href=”css/jquery-ui-1.8.16.custom.css” type=”text/css” />

<script type=”text/javascript” src=”js/jquery-1.6.2.min.js”></script>

<script type=”text/javascript” src=”js/jquery-ui-1.8.16.custom.min.js”></script>

<script type=”text/javascript” src=”js/jquery.easing.1.3.js”></script>

<script type=”text/javascript” src=”js/coin-slider.js”></script>

lalu letakkan animasi yang mau kita buat seperti contoh, setelah <body>

<div id=coin-slider>

<img src=”images/gambar1.jpg”>

<img src=”images/gambar2.jpg”>

<img src=”images/gambar3.jpg”>

<img src=”images/gambar4.jpg”>

<img src=”images/gambar5.jpg”>

</div>

dan tambahkan ini dibagian paling bawah, pokoknya sebelum </body>

<script type=”text/javascript”>

if ($(“#coin-slider”).length) { $(‘#coin-slider’).coinslider({ width:960, height:360 }); }

</script>

width:960 atau height:360 itu menunjukkan besaran gambar dalam pixel. silakan tentukan sendiri sesukanya. asal diingat, makin besar makin lemodz karena gede..

nah untuk hasil jadi bisa dilihat di www.pergihaji.com

Author: Dewantara Mata Dunia

Indonesian Cyber Center

One Comment Add yours

  1. Excellent goods from you, man. I have understand your
    stuff previous to and you are just too great. I really like what you have acquired here, really like
    what you are saying and the way in which you say it. You make it entertaining and you still care for to keep it smart.

    I cant wait to read far more from you. This is actually
    a wonderful web site.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s