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

ICC

Komentar

Posting Komentar