Galerie d'images en Javascript

Bonjour, bonjour
Je suis actuellement étudiant en web design, et je voudrais donc réaliser une galerie d'image en javascript.
J'ai donc suivit le tuto réalisé par Olivier, qui était proposer dans la rubrique "Apprendre", car je ne connait pas encore le java, et php...
Cf: Tutoriel ici

Ce tuto fonctionne très bien et je remercie la personne l'ayant fait.
Mais je voudrais le pousser un peu plus loin. C'est a dire que je voudrais ajouté plus d'images, tout en ayant une taille bien définit concernant la <div> qui contient les images, et donc de pouvoir naviguer a l'intérieur....
Je sais qu'il existe des galerie toutes faites, mais je voudrais en apprendre un peu plus sur la conception d'une galerie. J'ai jeter un oeil à la galerie que propose le Jquery... J'ai donc compris en gros qu'il fallait donner une tailler à la div avec les images et donner une position aux images mais je ne sais pas vraiment comment m'y prendre....

Je joints une image pour vous montrer en gros ce que je voudrais faire...


Merci d'avance pour votre aide.
Cordialement Benjamin H.
Modifié par benjh (13 Oct 2009 - 16:41)

Je ré-édite mon post.
Je viens d'essayer d'adapter en plus du tutoriel D'olivier (CF le post précédent), un pluging que propose Jquery. A savoir celui-ci : Galerie photo jQuery Transition.

Je donc bidouillé comme j'ai pu au niveau du CSS et HTML mais je n'arrive pas à aller plus loin sur certains points...
Ma construction HTML, comprend une grande image se trouve dans une div à part, tandis que mes petites images se trouvent elles dans une autre div...
A l'inverse, dans le tuto de la galerie Jquery, on retrouve une div générale comportant deux autres div....

Je voudrais donc savoir si il m'est possible de faire un mix des deux? Ou si il faut que je prenne entièrement la galerie Jquery et que je la re-transforme dès la base...

Merci d'avance

Bonjour,

benjh a écrit :
Je suis actuellement étudiant en web design

OK.

Le problème que tu as ici, c'est que tu tentes de réaliser quelque chose qui dépasse assez largement tes compétences.

Donc:

- Soit tu vises une compétence en design graphique, ergonomie, marketing. La technique n'est pas de ton ressort, et même s'il peut être utile pour un webdesigner de savoir coder ses propres design la solution efficace consiste à faire appel à un spécialiste de l'intégration (ou du développement front-end, suivant les termes que l'on utilise).

- Soit tu vises une compétence de webdesigner multi-compétences avec une orientation «exécution» assez forte (comme la plupart des webdesigners indépendants, dans des petites agences voire des moyennes), capable d'assurer des travaux d'intégration. Tu trouveras sur ce site nombre de ressources pour apprendre sérieusement HTML, CSS, et tant qu'à faire les bases de JavaScript et de telle ou telle bibliothèque JS (jQuery étant une des plus populaires et peut-être la plus abordable). Ça va te prendre du temps pour te former, mais en même temps tu éviteras d'en perdre à bidouiller pour un résultat médiocre ou peu fiable (ou pas de résultat).

Remarque générale: les tutoriels et scripts que l'on trouve sur le Web ne sont pas des solutions. Ce sont 1) des aides à l'apprentissage, 2) des exemples et 3) des briques techniques qu'il faut adapter à tes besoins. Plus tes besoins s'écartent des outils disponibles, plus tu as besoin de comprendre les langages utilisées et le fonctionnement des exemples et briques techniques pour en faire ce que tu veux.

Parfois il est d'ailleurs préférable de créer ses propres styles et scripts plutôt que de tenter de «hacker» des choses existantes pour en faire quelque chose de sensiblement différent.

Bonjour,

Je sais que sur votre site on peu trouver de nombreux tuto pour apprendre beaucoup de choses et j'aime vraiment cela...
Il est vrai que je début niveau javascript et PHP.
Je suis actuellement en alternance (que j'ai trouvé vie votre site et je vous en remercie fortement); et mon patron voulais que je créer une galerie dynamique... J'ai donc essayer de répondre à ces attentes en me faisant par mes propres moyens... Après avoir essayer plusieurs fois, je me suis donc servi du tuto en jquery (cité plus haut - précédent post).

Je vais donc continuer mon apprentissage des ces langages pour pouvoir par la suite créer les script qu'il me faudra plutôt que de détourner ceux existant comme tu l'a dit....

benjh a écrit :
Je vais donc continuer mon apprentissage des ces langages pour pouvoir par la suite créer les script qu'il me faudra plutôt que de détourner ceux existant comme tu l'a dit....

Petite nuance: on n'est pas obligé de tout créer soi-même pour maitriser son travail. Disons que quand on commence à être plus à l'aise, et qu'on comprend les scripts présentés dans les tutoriels, on peut adapter les scripts des autres, leur rajouter des fonctionnalités, etc.

Bonne continuation.