Pb pour afficher nom image

Dernière réponse : 16 Mai 2007 08:24 dans Programmation

viruss@IDN

14 Mai 2007 15:19:37

Salut

Je suis en train de faire une gallerie d'image avec un slide.
Quand on clic sur la vignette, l'image s'affiche en grand au centre.
Mais je bug pour afficher le nom de l'image dessous :fou:

J'ai pour l'instant un système qui me permet de dire que c'est l'image 1/11 .... mais je préfererai un script où s'affiche le nom de l'image alt"..."

Voilà le code pour le défilement de l'image:

<script language="javascript">

 
var Timer;

var Pas = 3; // vitesse défilement texte

var Img = 1; // le numéro de l'image à afficher

var End = 11; // le numéro de la dernière image

 
function moveLayer(Sens)

 {

 if(document.getElementById)

     Objet = document.getElementById("Contenu" );

 else

     Objet = document.all["Contenu"];

 if(parseInt(Objet.style.top) + (Pas*Sens) > 0)

     Objet.style.top = "0px";

 else

     Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";

 Timer = setTimeout("moveLayer(" + Sens + " );", 50);

 }

 </script>

Et voilà le body:

<div id="Support" style="position:relative;width:100;height:315px;top:70px;overflow:hidden">

    <div id="Contenu" style="position:absolute;width:100;height:315px;left:765px;top:0px">

 
    <p><img src="<a href="http://www.prikosnovenie.com/Galeries/1_mini.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/1_mini.jpg</a>" alt="Le titre de la photo 1" width="80" height="60" onclick="document.images['vue'].src='<a href="http://www.prikosnovenie.com/Galeries/1.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/1.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/1sur11.gif" target="_blank">http://www.prikosnovenie.com/Galeries/1sur11.gif</a>';" style="cursor:pointer"></p>

    <p><img src="<a href="http://www.prikosnovenie.com/Galeries/2_mini.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/2_mini.jpg</a>" alt="Le titre de la photo 2" width="80" height="60" onclick="document.images['vue'].src='<a href="http://www.prikosnovenie.com/Galeries/2.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/2.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/2sur11.gif" target="_blank">http://www.prikosnovenie.com/Galeries/2sur11.gif</a>';" style="cursor:pointer"></p>

    <p><img src="<a href="http://www.prikosnovenie.com/Galeries/3_mini.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/3_mini.jpg</a>" alt="Le titre de la photo 3" width="80" height="60" onclick="document.images['vue'].src='<a href="http://www.prikosnovenie.com/Galeries/3.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/3.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/3sur11.gif" target="_blank">http://www.prikosnovenie.com/Galeries/3sur11.gif</a>';" style="cursor:pointer"></p>

    <p><img src="<a href="http://www.prikosnovenie.com/Galeries/4_mini.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/4_mini.jpg</a>" width="80" height="60" onclick="document.images['vue'].src='<a href="http://www.prikosnovenie.com/Galeries/4.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/4.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/4sur11.gif" target="_blank">http://www.prikosnovenie.com/Galeries/4sur11.gif</a>';" style="cursor:pointer"></p>

    <p><img src="<a href="http://www.prikosnovenie.com/Galeries/5_mini.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/5_mini.jpg</a>" width="80" height="60" onclick="document.images['vue'].src='<a href="http://www.prikosnovenie.com/Galeries/5.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/5.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/5sur11.gif" target="_blank">http://www.prikosnovenie.com/Galeries/5sur11.gif</a>';" style="cursor:pointer"></p>

    <p><img src="<a href="http://www.prikosnovenie.com/Galeries/6_mini.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/6_mini.jpg</a>" width="80" height="60" onclick="document.images['vue'].src='<a href="http://www.prikosnovenie.com/Galeries/6.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/6.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/6sur11.gif" target="_blank">http://www.prikosnovenie.com/Galeries/6sur11.gif</a>';" style="cursor:pointer"></p>

    <p><img src="<a href="http://www.prikosnovenie.com/Galeries/7_mini.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/7_mini.jpg</a>" width="80" height="60" onclick="document.images['vue'].src='<a href="http://www.prikosnovenie.com/Galeries/7.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/7.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/7sur11.gif" target="_blank">http://www.prikosnovenie.com/Galeries/7sur11.gif</a>';" style="cursor:pointer"></p>

    <p><img src="<a href="http://www.prikosnovenie.com/Galeries/8_mini.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/8_mini.jpg</a>" width="80" height="60" onclick="document.images['vue'].src='<a href="http://www.prikosnovenie.com/Galeries/8.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/8.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/8sur11.gif" target="_blank">http://www.prikosnovenie.com/Galeries/8sur11.gif</a>';" style="cursor:pointer"></p>

    <p><img src="<a href="http://www.prikosnovenie.com/Galeries/9_mini.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/9_mini.jpg</a>" width="80" height="60" onclick="document.images['vue'].src='<a href="http://www.prikosnovenie.com/Galeries/9.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/9.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/9sur11.gif" target="_blank">http://www.prikosnovenie.com/Galeries/9sur11.gif</a>';" style="cursor:pointer"></p>

    <p><img src="<a href="http://www.prikosnovenie.com/Galeries/10_mini.gif" target="_blank">http://www.prikosnovenie.com/Galeries/10_mini.gif</a>" width="80" height="60" onclick="document.images['vue'].src='<a href="http://www.prikosnovenie.com/Galeries/10.gif" target="_blank">http://www.prikosnovenie.com/Galeries/10.gif</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/10sur11.gif" target="_blank">http://www.prikosnovenie.com/Galeries/10sur11.gif</a>';" style="cursor:pointer"></p>

    <p><img src="<a href="http://www.prikosnovenie.com/Galeries/11_mini.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/11_mini.jpg</a>" width="80" height="60" onclick="document.images['vue'].src='<a href="http://www.prikosnovenie.com/Galeries/11.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/11.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/11sur11.gif" target="_blank">http://www.prikosnovenie.com/Galeries/11sur11.gif</a>';" style="cursor:pointer"></p>

  </div>

</div>

 
    <div id="Layer1" style="position:absolute; left:792px; top:28px; width:37px; height:33px; z-index:1"><img src="<a href="http://www.prikosnovenie.com/Galeries/precedent.png" target="_blank">http://www.prikosnovenie.com/Galeries/precedent.png</a>" width="30" height="30" href="" onmouseover="javascript:moveLayer(1);" onmouseout="javascript:clearTimeout(Timer);" style="cursor:pointer"></div>

    <div id="Layer2" style="position:absolute; left:795px; top:441px; width:41px; height:34px; z-index:2"><img src="<a href="http://www.prikosnovenie.com/Galeries/suivant.png" target="_blank">http://www.prikosnovenie.com/Galeries/suivant.png</a>" width="30" height="30" href="" onmouseover="javascript:moveLayer(-1);" onmouseout="javascript:clearTimeout(Timer);" style="cursor:pointer"></div>

 
    <div id="Layer3" style="position:absolute; left:301px; top:97px; width:358px; height:305px; z-index:3"><img alt="title" src="<a href="http://www.prikosnovenie.com/Galeries/1.jpg" target="_blank">http://www.prikosnovenie.com/Galeries/1.jpg</a>" name=vue width="400" height="300"></div>

 
    <div id="Layer4" style="position:absolute; left:460px; top:411px; width:87px; height:29px; z-index:4"><img alt="" src="<a href="http://www.prikosnovenie.com/Galeries/home.png" target="_blank">http://www.prikosnovenie.com/Galeries/home.png</a>" name=compteur width="30" height="30"></div>