Tom's Guide > Forum > Programmation > Pb pour afficher nom image

Pb pour afficher nom image

Forum Programmation : Pb pour afficher nom image

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
viruss@IDN   14-05-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:

Code :
  1. <script language="javascript">
  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
  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:

Code :
  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="http://www.prikosnovenie.com/Galeries/1_mini.jpg" alt="Le titre de la photo 1" width="80" height="60" onclick="document.images['vue'].src='http://www.prikosnovenie.com/Galeries/1.jpg'; document.images['compteur'].src='http://www.prikosnovenie.com/Galeries/1sur11.gif';" style="cursor:pointer"></p>
  5.     <p><img src="http://www.prikosnovenie.com/Galeries/2_mini.jpg" alt="Le titre de la photo 2" width="80" height="60" onclick="document.images['vue'].src='http://www.prikosnovenie.com/Galeries/2.jpg'; document.images['compteur'].src='http://www.prikosnovenie.com/Galeries/2sur11.gif';" style="cursor:pointer"></p>
  6.     <p><img src="http://www.prikosnovenie.com/Galeries/3_mini.jpg" alt="Le titre de la photo 3" width="80" height="60" onclick="document.images['vue'].src='http://www.prikosnovenie.com/Galeries/3.jpg'; document.images['compteur'].src='http://www.prikosnovenie.com/Galeries/3sur11.gif';" style="cursor:pointer"></p>
  7.     <p><img src="http://www.prikosnovenie.com/Galeries/4_mini.jpg" width="80" height="60" onclick="document.images['vue'].src='http://www.prikosnovenie.com/Galeries/4.jpg'; document.images['compteur'].src='http://www.prikosnovenie.com/Galeries/4sur11.gif';" style="cursor:pointer"></p>
  8.     <p><img src="http://www.prikosnovenie.com/Galeries/5_mini.jpg" width="80" height="60" onclick="document.images['vue'].src='http://www.prikosnovenie.com/Galeries/5.jpg'; document.images['compteur'].src='http://www.prikosnovenie.com/Galeries/5sur11.gif';" style="cursor:pointer"></p>
  9.     <p><img src="http://www.prikosnovenie.com/Galeries/6_mini.jpg" width="80" height="60" onclick="document.images['vue'].src='http://www.prikosnovenie.com/Galeries/6.jpg'; document.images['compteur'].src='http://www.prikosnovenie.com/Galeries/6sur11.gif';" style="cursor:pointer"></p>
  10.     <p><img src="http://www.prikosnovenie.com/Galeries/7_mini.jpg" width="80" height="60" onclick="document.images['vue'].src='http://www.prikosnovenie.com/Galeries/7.jpg'; document.images['compteur'].src='http://www.prikosnovenie.com/Galeries/7sur11.gif';" style="cursor:pointer"></p>
  11.     <p><img src="http://www.prikosnovenie.com/Galeries/8_mini.jpg" width="80" height="60" onclick="document.images['vue'].src='http://www.prikosnovenie.com/Galeries/8.jpg'; document.images['compteur'].src='http://www.prikosnovenie.com/Galeries/8sur11.gif';" style="cursor:pointer"></p>
  12.     <p><img src="http://www.prikosnovenie.com/Galeries/9_mini.jpg" width="80" height="60" onclick="document.images['vue'].src='http://www.prikosnovenie.com/Galeries/9.jpg'; document.images['compteur'].src='http://www.prikosnovenie.com/Galeries/9sur11.gif';" style="cursor:pointer"></p>
  13.     <p><img src="http://www.prikosnovenie.com/Galeries/10_mini.gif" width="80" height="60" onclick="document.images['vue'].src='http://www.prikosnovenie.com/Galeries/10.gif'; document.images['compteur'].src='http://www.prikosnovenie.com/Galeries/10sur11.gif';" style="cursor:pointer"></p>
  14.     <p><img src="http://www.prikosnovenie.com/Galeries/11_mini.jpg" width="80" height="60" onclick="document.images['vue'].src='http://www.prikosnovenie.com/Galeries/11.jpg'; document.images['compteur'].src='http://www.prikosnovenie.com/Galeries/11sur11.gif';" style="cursor:pointer"></p>
  15.   </div>
  16. </div>
  18.     <div id="Layer1" style="position:absolute; left:792px; top:28px; width:37px; height:33px; z-index:1"><img src="http://www.prikosnovenie.com/Galeries/precedent.png" 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="http://www.prikosnovenie.com/Galeries/suivant.png" width="30" height="30" href="" onmouseover="javascript:moveLayer(-1);" onmouseout="javascript:clearTimeout(Timer);" style="cursor:pointer"></div>
  21.     <div id="Layer3" style="position:absolute; left:301px; top:97px; width:358px; height:305px; z-index:3"><img alt="title" src="http://www.prikosnovenie.com/Galeries/1.jpg" name=vue width="400" height="300"></div>
  23.     <div id="Layer4" style="position:absolute; left:460px; top:411px; width:87px; height:29px; z-index:4"><img alt="" src="http://www.prikosnovenie.com/Galeries/home.png" name=compteur width="30" height="30"></div>




Merci :jap:


Message édité par viruss@IDN le 16-05-2007 à 10:22:51
Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
viruss@IDN   16-05-2007 à 10:24:17
- 0 +

alors une petite idée SVP

Répondre à viruss@IDN
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > Pb pour afficher nom image
Aller à :

Il y a 299 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,261 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens