Bonjour à tous,
En tant que petit nouveau sur le forum, quelques mots de présentation :
Ni informaticien ni Webdesigner, je m'y intéresse fortement notamment pour permettre à ma femme de présenter les créations qu'elles fait (faire-parts, invitations...). Pour plus de visibilité, un site internet était nécessaire et je me suis attelé à cette tache début 2013. Après moultes essais infructueux, le site actuellement en ligne en est la dernière version (www.laboiteaplume.fr)
J'en suis assez fier compte tenu de mes connaissances en informatique

N'y connaissant rien en code HTML, CSS et autres JS, j'utilise Wysywyg Web Builder 9 pour créer mon site. Outil pratique quand on ne sait pas écrire du code.

Cependant, et bien que le site fonctionne comme je le souhaite (quelques problèmes de centrage suivant la résolution des navigateurs persistent...), je souhaite
1. Vérifier que le code correspond au standards,
2. simplifier ce code et apprendre de nouvelles fonctions me facilitant la tache.

Pour exemple, et c'est l'objet de ma question de ce jour, n'ayant pas trouvé de réponses sur le Web :
Sur chaque page de présentation des créations, j'utilise des vignettes. La fonction onclick sur une vignette me permet d'afficher la galerie lightbox correspondante, celle-ci incluant à chaque fois 4 images. Sauf que pour chaque ajout de vignette d'un projet, je défini :
- qu'onload, je masque le texte et la galerie lightbox correspondant à l'ajout
- qu'onclick sur la nouvelle vignette, il faut masquer les autres lightbox et afficher celle correspondante. + masquer le texte des autres vignettes et afficher la correspondante.
- qu'onclick sur les "anciennes" vignettes, je masque la nouvelle arrivée + texte.

(NDLR : je sais pas si c'est très clair ce que je raconte...)

Bref.... des lignes de codes à n'en plus finir et beaucoup de manips.
Je cherche donc un moyen plus simple qui me permettrait, au click sur une vignette, "d'appeler" dans la galerie lightbox la série de 4 images correspondante et non la bloc galerie complet.
Aujourd'hui, j'ai autant de galerie superposée au même endroit que de vignettes. Ce qui doit alourdir considérablement l'ensemble.

Voilà, je sollicite donc votre aide.
Merci par avance pour l'attention que vous porterez à ce long discours... (désolé et merci pour ceux qui l'ont lu jusqu'au bout... Smiley biggrin )
Rebonjour,
Petit extrait du code pour être plus clair.
Merci par avance,

</script>
</head>
<body onload="ShowObject('wb_NaissancePhotoGallery2', 0);ShowObject('wb_NaissanceText2', 0);ShowObject('wb_NaissanceText4', 0);ShowObject('wb_NaissanceText5', 0);ShowObject('wb_NaissancePhotoGallery4', 0);ShowObject('wb_NaissancePhotoGallery5', 0);ShowObject('wb_NaissancePhotoGallery1', 0);ShowObject('wb_NaissanceText3', 0);ShowObject('wb_NaissancePhotoGallery6', 0);ShowObject('wb_NaissanceText6', 0);ShowObject('wb_PhotoGallery1', 0);ShowObject('wb_Text1', 0);return false;">
<div id="space"><br></div>
<div id="container">
<div id="wb_indexShape1" style="position:absolute;left:2px;top:48px;width:1171px;height:482px;z-index:0;">
<img src="images/img0001.png" id="indexShape1" alt="" style="border-width:0;width:1171px;height:482px;"></div>
<div id="wb_Logo" style="position:absolute;left:1px;top:4px;width:214px;height:34px;z-index:1;">
<a href="./Index.html"><img src="titrepage01.jpeg" id="Logo" alt="" style="width:214px;height:34px;"></a></div>
<div id="wb_indexText2" style="position:absolute;left:25px;top:30px;width:202px;height:17px;text-align:justify;z-index:2;">
<span style="color:#7F7F7F;font-family:'Courier New';font-size:15px;">studio de création</span></div>
<div id="wb_naissanceImage2" style="position:absolute;left:656px;top:297px;width:88px;height:88px;z-index:3;">
<a href="#" onclick="ShowObject('wb_NaissancePhotoGallery1', 1);ShowObject('wb_NaissancePhotoGallery2', 0);ShowObject('wb_NaissancePhotoGallery3', 0);ShowObject('wb_NaissancePhotoGallery4', 0);ShowObject('wb_NaissanceText1', 0);ShowObject('wb_NaissanceText2', 1);ShowObject('wb_NaissanceText3', 0);ShowObject('wb_NaissanceText4', 0);ShowObject('wb_NaissanceText5', 0);ShowObject('wb_NaissancePhotoGallery5', 0);ShowObject('wb_NaissancePhotoGallery6', 0);ShowObject('wb_NaissanceText6', 0);ShowObject('wb_PhotoGallery1', 0);ShowObject('wb_Text1', 0);return false;" onmouseover="Animate('wb_naissanceImage2', '', '', '', '', '60', 500, '');return false;" onmouseout="Animate('wb_naissanceImage2', '', '', '', '', '100', 500, '');return false;"><img src="images/fairepartnaissancemer1.jpg" id="naissanceImage2" alt="" style="width:88px;height:88px;"></a></div>
<div id="wb_naissanceImage1" style="position:absolute;left:556px;top:297px;width:88px;height:88px;z-index:4;">
<a href="#" onclick="ShowObject('wb_NaissancePhotoGallery1', 0);ShowObject('wb_NaissancePhotoGallery2', 0);ShowObject('wb_NaissancePhotoGallery3', 1);ShowObject('wb_NaissancePhotoGallery4', 0);ShowObject('wb_NaissanceText1', 1);ShowObject('wb_NaissanceText2', 0);ShowObject('wb_NaissanceText3', 0);ShowObject('wb_NaissanceText4', 0);ShowObject('wb_NaissanceText5', 0);ShowObject('wb_NaissancePhotoGallery5', 0);ShowObject('wb_NaissancePhotoGallery6', 0);ShowObject('wb_NaissanceText6', 0);ShowObject('wb_PhotoGallery1', 0);ShowObject('wb_Text1', 0);return false;" onmouseover="Animate('wb_naissanceImage1', '', '', '', '', '60', 500, '');return false;" onmouseout="Animate('wb_naissanceImage1', '', '', '', '', '100', 500, '');return false;"><img src="images/fairepartnaissancegolf1.jpg" id="naissanceImage1" alt="" style="width:88px;height:88px;"></a></div>
<div id="wb_indexTextMenu1" style="position:absolute;left:556px;top:533px;width:501px;height:16px;text-align:center;z-index:5;">
<span><a href="./Index.html" class="style1" title="Index">Index</a></span><span><a href="./Naissance.html" class="style1" title="Naissance">Naissance</a></span><span><a href="./Mariage.html" class="style1" title="Mariage">Mariage</a></span><span><a href="./Invitation.html" class="style1" title="Invitation">Invitation</a></span><span><a href="./Voeux.html" class="style1" title="Voeux">Voeux</a></span><span><a href="./Abécédaire.html" class="style1" title="Ab&#233;c&#233;daire">Ab&#233;c&#233;daire</a></span><span><a href="./Qui_suis-je.html" class="style1" title="Qui_suis-je">Qui_suis-je</a></span><span><a href="./Contact.php" class="style1" title="Contact">Contact</a></span></div>
<div id="wb_NaissanceImage1" style="position:absolute;left:756px;top:297px;width:88px;height:88px;z-index:6;">
<a href="#" onclick="ShowObject('wb_NaissancePhotoGallery2', 1);ShowObject('wb_NaissancePhotoGallery1', 0);ShowObject('wb_NaissancePhotoGallery3', 0);ShowObject('wb_NaissancePhotoGallery4', 0);ShowObject('wb_NaissanceText1', 0);ShowObject('wb_NaissanceText2', 0);ShowObject('wb_NaissanceText3', 1);ShowObject('wb_NaissanceText4', 0);ShowObject('wb_NaissanceText5', 0);ShowObject('wb_NaissancePhotoGallery5', 0);ShowObject('wb_NaissanceText6', 0);ShowObject('wb_NaissancePhotoGallery6', 0);ShowObject('wb_PhotoGallery1', 0);ShowObject('wb_Text1', 0);return false;" onmouseover="Animate('wb_NaissanceImage1', '', '', '', '', '60', 500, '');return false;" onmouseout="Animate('wb_NaissanceImage1', '', '', '', '', '100', 500, '');return false;"><img src="images/golfretropage1.jpg" id="NaissanceImage1" alt="" style="width:88px;height:88px;"></a></div>
<div id="wb_NaissanceImage2" style="position:absolute;left:856px;top:297px;width:88px;height:88px;z-index:7;">
<a href="#" onclick="ShowObject('wb_NaissancePhotoGallery1', 0);ShowObject('wb_NaissancePhotoGallery2', 0);ShowObject('wb_NaissancePhotoGallery4', 1);ShowObject('wb_NaissanceText1', 0);ShowObject('wb_NaissanceText2', 0);ShowObject('wb_NaissanceText3', 0);ShowObject('wb_NaissanceText4', 1);ShowObject('wb_NaissanceText5', 0);ShowObject('wb_NaissancePhotoGallery5', 0);ShowObject('wb_NaissancePhotoGallery3', 0);ShowObject('wb_NaissancePhotoGallery6', 0);ShowObject('wb_NaissanceText6', 0);ShowObject('wb_PhotoGallery1', 0);ShowObject('wb_Text1', 0);return false;" onmouseover="Animate('wb_NaissanceImage2', '', '', '', '', '60', 500, '');return false;" onmouseout="Animate('wb_NaissanceImage2', '', '', '', '', '100', 500, '');return false;"><img src="images/chatroulettespage1.jpg" id="NaissanceImage2" alt="" style="width:88px;height:88px;"></a></div>
<div id="wb_NaissanceImage3" style="position:absolute;left:957px;top:297px;width:88px;height:88px;z-index:8;">
<a href="#" onclick="ShowObject('wb_NaissancePhotoGallery1', 0);ShowObject('wb_NaissancePhotoGallery2', 0);ShowObject('wb_NaissancePhotoGallery3', 0);ShowObject('wb_NaissanceText1', 0);ShowObject('wb_NaissanceText2', 0);ShowObject('wb_NaissanceText3', 0);ShowObject('wb_NaissanceText4', 0);ShowObject('wb_NaissanceText5', 1);ShowObject('wb_NaissancePhotoGallery4', 0);ShowObject('wb_NaissancePhotoGallery5', 1);ShowObject('wb_NaissancePhotoGallery6', 0);ShowObject('wb_NaissanceText6', 0);ShowObject('wb_PhotoGallery1', 0);ShowObject('wb_Text1', 0);return false;" onmouseover="Animate('wb_NaissanceImage3', '', '', '', '', '60', 500, '');return false;" onmouseout="Animate('wb_NaissanceImage3', '', '', '', '', '100', 500, '');return false;"><img src="images/superhrospage1.jpg" id="NaissanceImage3" alt="" style="width:88px;height:88px;"></a></div>
<div id="wb_NaissancePhotoGallery1" style="position:absolute;left:92px;top:133px;width:369px;height:369px;visibility:hidden;z-index:9;">
<table id="NaissancePhotoGallery1">
Snif, Smiley decu
Personne pour m'aiguiller ?
Manque-t-il des informations pour un coup de main ?
Merci par avance,
A++ Smiley lol