customisable,facile a installer, innovante, cross-browser
free !

needed

scriptaculous :

You needed prototypejs and scriptaculous.
For an easy integration of this script, i advise you to read my article : load ajax with google.
Now write this code :
<script src='path_to_your_js/class.horinaja.scriptaculous.js' type='text/javascript'></script>
<link rel="stylesheet" href="path_to_your_css/horinaja.css" type="text/css" media="screen" />

jQuery :

You needed jQuery.
! : for this plug-in to work:
timers (include)
mousewheel
Now write this code :
<script src='jquery.mousewheel.js' type="text/javascript"></script>
<script src='path_to_your_js/class.horinaja.jquery.js' type='text/javascript'></script>
<link rel="stylesheet" href="path_to_your_css/horinaja.css" type="text/css" media="screen" />

integration

Horinaja needed a class "horinaja" associate to a div, and a ul li liste :
<div id="demo" class="horinaja">
<ul>
<li><!-- content 1 --></li>
<li><!-- content 2 --></li>
...
</ul>
</div>

scriptaculous

Init Horinaja :
<script>
document.observe("dom:loaded", function() {
new Horinaja('demo',0.3,4,true);
});
</script>

jQuery

Init Horinaja :
<script> $(document).ready(function(){
$('#demo').Horinaja({
capture:'demo',delai:0.3,
duree:4,pagination:true});
});
</script>

option

You can use option :

scriptaculous

new Horinaja(id,delay,duration,pagination);
- id is the name of your slider (a div, add to this div class="horinaja")
- dela y is time to slide next (second)
- duration is delay for go to next (second)
- pagination is if you want pagination (true or false)

jQuery

$(div#id).Horinaja({capture:id,delai:0.3,duree:4,pagination:true});
- id is the name of your slider (a div, add to this div class="horinaja")
- delai is time to slide next (second)
- duree is delai for go to next (second)
- pagination is if you want pagination (true or false)
ps: i'm sorry for my bad english :/, if you see a language bug, help me, send me a mail (davidmassianirennes@gmail.com).
feedmyapp.com kerodicas.com ajaxrain.com abduzeedo.com site of week we love css