Membuat gambar slide dengan 25 efek

Membuat gambar slide dengan 25 efek, membuat gambar slide kali ini sangat berbeda dengan Membuat slide image yang dulu. Membuat gambar slide kali ini lebih keren menurut saya karena efek nya ada 25.

DEMODOWNLOAD JS

Di demo saya hanya menampilkan satu efek di antara 25 efek yang ada karena tidak mungkin saya menampilkan semua efek karena terlalu banyak, efek yang saya gunakan di blog demo yaitu efek fade nah jika anda ingin menampilkan slideshow seperti itu di blog anda silahkan anda tambah Gadget HTML/Javascript dan simpan kdoe di bawah ini di dalamnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="http://sites.google.com/site/sin1ajablog/jquery/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="url gambar1.jpg" />
<img src="url gambar2.jpg" />
<img src="url gambar3.jpg" />
<img src="url gambar4.jpg" />
</div>

Perhatikan kode fade itu adalah efek dari gambar slideshownya jika anda ingin menggantinya dengan efek yang lain silahkan di bawah ini sudah saya siapkan daftar 25 efek dari slideshow ini.

Efek - Efek Slide show

1. scrollUp
2. scrollDown
3. scrollLeft
4. scrollRight
5. slideX
6. slideY
7. shuffle
8. turnUp
9. turnDown
10. turnLeft
11. turnRight
12. zoom
13. fadeZoom
14. blindX
15. blindY
16. blindZ
17. growX
18. growY
19. curtainX
20. curtainY
21. cover
22. uncover
23. toss
24. wipe
25. fade

Nah jika anda bosan dengan efek fade anda bisa ganti dengan scrollUp misalnya yah pokoknya pilih mana yang anda suka aja.

source kode