Votre question

Pb pour afficher nom image

Tags :
  • Programmation
Dernière réponse : dans Programmation
14 Mai 2007 17: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:

  1. <script language="javascript">
  2.  
  3. var Timer;
  4. var Pas = 3; // vitesse défilement texte
  5. var Img = 1; // le numéro de l'image à afficher
  6. var End = 11; // le numéro de la dernière image
  7.  
  8. function moveLayer(Sens)
  9. {
  10. if(document.getElementById)
  11. Objet = document.getElementById("Contenu" );
  12. else
  13. Objet = document.all["Contenu"];
  14. if(parseInt(Objet.style.top) + (Pas*Sens) > 0)
  15. Objet.style.top = "0px";
  16. else
  17. Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
  18. Timer = setTimeout("moveLayer(" + Sens + " );", 50);
  19. }
  20. </script>







Et voilà le body:

  1. <div id="Support" style="position:relative;width:100;height:315px;top:70px;overflow:hidden">
  2. <div id="Contenu" style="position:absolute;width:100;height:315px;left:765px;top:0px">
  3.  
  4. <p><img src="<a href="http://www.prikosnovenie.com/Galeries/1_mini.jpg" rel="nofollow" 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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/1.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/1sur11.gif" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/1sur11.gif</a>';" style="cursor:pointer"></p>
  5. <p><img src="<a href="http://www.prikosnovenie.com/Galeries/2_mini.jpg" rel="nofollow" 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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/2.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/2sur11.gif" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/2sur11.gif</a>';" style="cursor:pointer"></p>
  6. <p><img src="<a href="http://www.prikosnovenie.com/Galeries/3_mini.jpg" rel="nofollow" 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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/3.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/3sur11.gif" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/3sur11.gif</a>';" style="cursor:pointer"></p>
  7. <p><img src="<a href="http://www.prikosnovenie.com/Galeries/4_mini.jpg" rel="nofollow" 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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/4.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/4sur11.gif" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/4sur11.gif</a>';" style="cursor:pointer"></p>
  8. <p><img src="<a href="http://www.prikosnovenie.com/Galeries/5_mini.jpg" rel="nofollow" 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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/5.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/5sur11.gif" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/5sur11.gif</a>';" style="cursor:pointer"></p>
  9. <p><img src="<a href="http://www.prikosnovenie.com/Galeries/6_mini.jpg" rel="nofollow" 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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/6.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/6sur11.gif" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/6sur11.gif</a>';" style="cursor:pointer"></p>
  10. <p><img src="<a href="http://www.prikosnovenie.com/Galeries/7_mini.jpg" rel="nofollow" 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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/7.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/7sur11.gif" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/7sur11.gif</a>';" style="cursor:pointer"></p>
  11. <p><img src="<a href="http://www.prikosnovenie.com/Galeries/8_mini.jpg" rel="nofollow" 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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/8.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/8sur11.gif" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/8sur11.gif</a>';" style="cursor:pointer"></p>
  12. <p><img src="<a href="http://www.prikosnovenie.com/Galeries/9_mini.jpg" rel="nofollow" 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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/9.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/9sur11.gif" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/9sur11.gif</a>';" style="cursor:pointer"></p>
  13. <p><img src="<a href="http://www.prikosnovenie.com/Galeries/10_mini.gif" rel="nofollow" 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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/10.gif</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/10sur11.gif" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/10sur11.gif</a>';" style="cursor:pointer"></p>
  14. <p><img src="<a href="http://www.prikosnovenie.com/Galeries/11_mini.jpg" rel="nofollow" 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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/11.jpg</a>'; document.images['compteur'].src='<a href="http://www.prikosnovenie.com/Galeries/11sur11.gif" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/11sur11.gif</a>';" style="cursor:pointer"></p>
  15. </div>
  16. </div>
  17.  
  18. <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" rel="nofollow" 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>
  19. <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" rel="nofollow" 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>
  20.  
  21. <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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/1.jpg</a>" name=vue width="400" height="300"></div>
  22.  
  23. <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" rel="nofollow" target="_blank">http://www.prikosnovenie.com/Galeries/home.png</a>" name=compteur width="30" height="30"></div>



Merci :jap: 

Autres pages sur : afficher nom image

16 Mai 2007 10:24:17

alors une petite idée SVP
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS