Recherche css slider JQuery

He le css peut se récupérer et le code javascript.
Maintenant en regardant vite fait le slider je peux remarquer :

1) deux bouton (div avec padding qui adapte la taille du bouton en fonction du contenu)
2) la position des boutons : sans doute le slider en absolute et les bouton de même exemple: celui de gauche a top:100px; left:0px; et celui de droit à top:100px; right:0px;
3) et en jquery un bind sur l'hover du slider.

Donc récapitulons (je prend un exemple d'un slider de 600 sur 200)

HTML
<div id="slider">
    <!-- ton slider -->
    <span id="prev">prev</span>
    <span id="next">prev</span>
</div>
CSS
#slider{
    width:600px;
    height:150px;
    position:absolute;
    border:5px solid #ececec;
}
#prev{
    position:absolute;
    left:0;
    //150/2-taille bt/2
    top:68px; //exemple
}
#next{
    position:absolute;
    right:0;
    top:68px;
}
//pour le petit effet en bas tu dois ajouter une image en dessous du slider, une image d'ombrage
JS->jquery
function affichageBtOn(){
    //je prend un exemple sur l'opacity XD plus rapide
    $('#slider span').animate({'opacity':'1'},{duration:500});
}
function affichageBtOff(){
    //je prend un exemple sur l'opacity XD plus rapide
    $('#slider span').animate({'opacity':'0'},{duration:500});
}
$('#slider').bind('mouseover',affichageBt);
$('#slider').bind('mouseout',affichageBt);