Reprise du message précédent :
Bon finalement je vais me contenter de ceci, cependant je suis confronter à un nouveau problème totalement différent:
Je vais créer une galerie de photos (c'est pas exactement ça mais je simplifie pour être plus clair), et j'aimerais que lorsque l'on clique sur l'une d'entre-elles, sur une autre colonne s'affiche des information sur la photo, en gros, ça serait un genre de spoiler qui s'afficherai à droite, et qui disparaîtrait lorsque l'on sélectionnerai une autre photo, j'aimerais également qu'un cadre s'affiche autour de l'image sélectionnée, et j'aimerais aussi qu'une des images soit sélectionnée par défaut.
 
 J'espère avoir été clair, et je vous remercie de m'apporter votre aide.

Un truc comme ça ? Lien

C'est exactement ça merci beaucoup !! mais j'aimerais que la div apparaisse en fondu, et que les images qui ne son pas encadrées ne bougent pas, j'aimerais aussi savoir si l'on peut remplacer les cadres par une image (un cadre en jpeg quoi), ça serait bien aussi qu'une des images soit sélectionnée par défaut. Sinon c'est vraiment cool de m'aider.

Alors pour que le div d'info apparaisse en fondu, c'est pas très compliqué, il suffit d'utiliser la méthode JQuery prédéfinie "fadeIn()".

Pour éviter que les images bougent lors d'une sélection, je les ai placées chacune dans un div (une autre solution aurait été d'utiliser des tableaux...   )

Pour qu'une image est l'aspect "sélectionné", il suffit de lui ajouter une classe (dans mon exemple 'selectedImg') et de simuler un click dessus pour afficher les infos.

Tu trouveras toutes ces infos en application sur : gallery

Pour le cadre en image, un début de solution serait de mettre à jour une image d'arrière plan (le background du div de chaque image). J'essaierai de faire un truc dès que j'ai le temps.

[Edit]
Bon voilà la même chose avec un cadre (jpg) à la place de la simple bordure : gallery

Lors d'un click sur une photo, j'ajoute ou enlève le style du div derrière l'image.
Voici le cadre utilisé :

Malheureusement ça marche pas trop;

J'essaye de mettre un cadre que j'ai fait et ça marche pas le voilà:

J'aimerais qu'il se mette par dessus la photo afin qu'on voit le shadow qui indique la sélection (pour voir le shadow du cadre, mais le sur fond noir)

Est ce que tu peux renommer les div avec ces id: "kit_1" "kit_2" "kit_3" et en changeant les appels aussi dans les scripts car je n'y arrive pas.
Peux-tu aussi mettre la div "kit_1" (qui se trouve en haut à gauche) sélectionnée par défaut.
Serait-ce aussi possible d'empêcher de ne pas sélectionner une photo, c'est à dire qu'il y aurait toujours forcément une photo sélectionnée.
j'aimerais aussi que l'on puisse mettre plusieurs pages, dans lesquelles on se déplacerait avec les flêches en bas, ça serait bien que lorsque l'on change la page, il y ai une animation de défilement (un "scroll" automatique) et que dans la page sélectionnée, il y ai toujours la photo en haut à gauche qui soit sélectionnée par défaut.

Voilà le résultat que j'aimerais:

Désolé d'être exigeant, j'espère que je ne te dérange pas trop

up

Dès que j'ai un peu de temps j'essaie de voir pour te faire un exemple avec ton cadre.
[edit] Un exemple avec ton cadre : Gallery
J'ai dû modifier pal mal de choses pour faire passer l'image sous le cadre.

En revanche, la pagination + flèches + animation vont être plus compliqués. Il faut gérer des appels Ajax pour construire la page suivante (ou précédente). Pour la construction de cette page suivante, il faudra faire appel à une base de données ?
Où est stockée la liste de tous les kits graphiques à afficher ?

Bref c'est possible, mais ça demande nettement plus de boulot.

une base de données  disons que ça n'est pas dans mes cordes, je connais pas grand choses déjà au javascript, alors en php... je pense alors que je vais tout regrouper dans une page.
 
Sinon... MERCI BEAUCOUP !! c'est parfait !! je te montre le résultat final dès que j'ai fini, tu m'as apporté beaucoup d'aide, jamais je n'aurais pu finir mon site sinon, si jamais tu trouve un moyen de faire plusieurs pages sans bases de données, recontacte moi (julien.dargelos@free.fr), je peu à présent mettre le sujet en résolu, merci encore !!

Bon finalement, j'ai réussi à tout faire, sur une seule page.
 
Le résultat final qui envoie du steak : Gallery

Génial, serait-ce possible d'enlever l'espace entre les deux pages (sinon pas grave, c'est déjà plus que ce dont je m'attendais !)

Bah justement c'est ce que j'essayais de faire... j'y arrive pas.
 
[Edit] Bah ça m'a pas résisté longtemps en fait... j'ai mis à jour la page.

Rien à redire: c'est la perfection !

Non... ce n'était pas du tout compatible IE ! Maintenant oui dans ce dernier exemple..
 
Gallery

Ok merci

Changement de sujet; j'aimerais faire des ombres sous les images, si possible en css, voilà le code que j'ai pu trouver, je ne sais pas l'adapter:

La propriété CSS 3 box-shadow permet d'ajouter une ombre portée à certains conteneurs html.
Ton exemple est bon : il ajoute à toutes les images une ombre portée avec les propriétés suivantes
- 1px de décalage horizontal
- 1px de décalage vertical
- 23px de flou
- une couleur d'ombre #555

Voici ton exemple en application : Box-Shadow

Par contre, il faut préciser que seuls les navigateurs très récents prennent en compte le CSS3.

ok, là je m'occupe de la galerie, ça risque d'être un peu long mais je devrais y arriver... je te montre le résultat dès que c'est terminé.