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
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
0 komentar:
Post a Comment