Lightbox positionnement problématique...

Bonjour tout le monde,

Je suis une débutante, qui poursuit un stage avant de commencer l'université. Je ne sais pas trop si je suis au bon endroit mais voilà mon problème.

J'ai réécrit un script pour obtenir un effet lightbox sur des images (Pq? Une demande de mon boss...). cela fonctionne de façon relativement correcte lorsqu'il y a une seule image (sauf quand l'image est grande) mais lorsqu'il y en a plusieurs sur la même page html, c'est une autre histoire. Je m'explique: Sur ma page html, il y a plusieurs liens qui mènent à un effet lightbox (grâce à une classe); Lorsque je clique sur le premier lien, la position se fait de façon aléatoire mais quand je clique sur un autre lien il positionne l'image et les boutons selon la position de l'image précédente et ainsi de suite. Une fois que j'ai cliqué sur tous les liens, il les place enfin dans la position spécifié dans le script...

Je sais q'avec un bout de code, vous pourriez m'aider plus facilement. Hélàs je ne peux faire cela. Si vous pouviez m'aiguiller vers une solution possible


Au plaisir,
Hevlaska

Bonjour,

>>Je sais q'avec un bout de code, vous pourriez m'aider plus facilement.
probablement

>>Hélàs je ne peux faire cela.
>>Si vous pouviez m'aiguiller vers une solution possible
nous mettre un ch'tiot bout de code ?
faire intervenir un indépendant ? une société ?

Cordialement [mon Site] [M'écrire] Bul

//lien dans le code html
<p><a class="LightBox" href="../Images/pic1.jpeg">Pic...</a><br />
 <a class="LightBox" href="../Images/pic2.jpeg">Pic...</a><br />
 <a class="LightBox" href="../Images/pic3.jpg">Pic...</a><br />
 <a class="LightBox" href="../Images/pic4.jpg">Pic...</a></p>

//code javascript de mon lightbox (utilisant le framework dojo)
dojo.query('a.LightBox').onclick(function(evt){
        dojo.stopEvent(evt);
        yep(this);       

var iBoxImg = dojo.byId('img');
    dojo.attr(iBoxImg,'src', imgSrc[2]);
    dojo.style(iBoxImg,{
                'position':'absolute',
                'top':pageScroll[1] + (pageSize[3] - iBoxImg.height)/2 + 'px',
                'left':pageScroll[0] + (pageSize[2] - iBoxImg.width)/2 + 'px'});

    var closeButtonImg = dojo.byId('close');
    dojo.attr(closeButtonImg,'src', imgSrc[1]);
    dojo.style(closeButtonImg,{
                'position':'absolute',
                'top':pageScroll[1] + (pageSize[3] - iBoxImg.height)/2 + (iBoxImg.height + 11) + 'px',
                'left':pageScroll[0] + (pageSize[2] - iBoxImg.width)/2 + (iBoxImg.width - 20) + 'px'});
       
    var printButtonImg = dojo.byId('print');
    dojo.attr(printButtonImg,'src', imgSrc[4]);
    dojo.style(printButtonImg,{
                'position':'absolute',
                'top':pageScroll[1] + (pageSize[3] - iBoxImg.height)/2 + (iBoxImg.height + 8) + 'px',
                'left':pageScroll[0] + (pageSize[2] - iBoxImg.width)/2 + (iBoxImg.width - 55) + 'px'});