Slider images multiples

Bonjour,

Je suis actuellement en train d'intégrer et de développer mon premier site, je me retrouve donc confrontée à pas mal d'obstacles.

Aujourd'hui, je bloque sur un slider. Dans l'idée, ce serait une galerie de 6 images + un bouton suivant + un bouton précédent. Au click sur l'un ou l'autre de ces boutons, les 6 images laisseraient place à 6 nouvelles images. Pas bien méchant non ?

J'ai créé mon html et css, attribué un id à chacune des 6 premières images et mis sur mon serveur 6 autres, nous allons donc de mini_1.png à mini_14.png

En javascript ( jquery ) voici ce que j'ai testé en lisant quelques forums :



$(document).ready(init);

function init(){
$('#nav_g').click(decalageg);
$('#nav_d').click(decalaged);
}

function decalaged(){
document.getElementById('projet_1').src="images/mini_7.png";
}

function decalageg(){
document.getElementById('projet_1').src="images/mini_1.png";
}


Merci de m'indiquer si je suis en train de faire n'importe quoi ( c'est fort possible ) et comment rectifier le tir. A bientôt !