Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3637 connectés 

 


Dernière réponse
Sujet : Javascript : un lien pour afficher une image parmi une liste d'images
--greg--

gfive a écrit a écrit :

Et ensuite, tu l'utilises comment :
 
Comme ça :  
 
document.smiley.src=getNextImage().src;
 
ou comme ça :
 
document.smiley=getNextImage();  




les 2 peuvent marcher, ché pas faut essayer:)


Votre réponse
Nom d'utilisateur    Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !
Le ton de votre message                        
                       
Votre réponse


[b][i][u][strike][spoiler][fixed][cpp][url][email][img][*]   
 
   [quote]
 

Options

 
Vous avez perdu votre mot de passe ?


Vue Rapide de la discussion
--greg--

gfive a écrit a écrit :

Et ensuite, tu l'utilises comment :
 
Comme ça :  
 
document.smiley.src=getNextImage().src;
 
ou comme ça :
 
document.smiley=getNextImage();  




les 2 peuvent marcher, ché pas faut essayer:)

gfive Et ensuite, tu l'utilises comment :
 
Comme ça :  
 
document.smiley.src=getNextImage().src;
 
ou comme ça :
 
document.smiley=getNextImage();
--greg-- ha tiens, les edit ça fait pas up
up alors :bounce:
--greg-- bon voila ce que je fais moi et ça marche sur ns4 et tout
edit: bref le code que j'avais pasté sert à rien mais tu devrais pê essayer ceci:
 

Code :
  1. function getNextImage() {
  2.         current = current+1;
  3.         if (current > picz.length-1) 
  4.             { current = 0 }
  5.         img = new Image();
  6.         img.src = picz[current];
  7.         return img;
  8.   }

gfive nan, je les préloades pas, et sous NS 4.7X, j'ai une image manquante affichée, et si je clique-droit dessus et que je demande l'afichage de l'image, ça marche!
--greg--

gfive a écrit a écrit :

nan, mais dans le tableau, c'est pas des objets image, il me semble :  
 
 

Code :
  1. var picz = Array(
  2. "/images/Acronyms/001.gif",
  3. "/images/Acronyms/002.gif",
  4. .....
  5. );

 




ha, comme ça
tu les preloades pas tes images alors?
attends une seconde, si j'ai ça ici, je te trouve un truc

gfive nan, mais dans le tableau, c'est pas des objets image, il me semble :  
 
 

Code :
  1. var picz = Array(
  2. "/images/Acronyms/001.gif",
  3. "/images/Acronyms/002.gif",
  4. .....
  5. );

--greg-- essaie de remplacer  

return picz[current];

 
par  

return picz[current].src;


 
OU
 

document.smiley.src=getNextImage();


par

document.smiley=getNextImage();

gfive Le code qui ajoute l'image :  
 

Code :
  1. <td width="99" colspan="2"><img name=smiley width="99" border="0"></td>

 
 
Le code JS :  

Code :
  1. <SCRIPT language="Javascript">
  2. <!--
  3. <!--hide this script from non-javascript-enabled browsers
  4.    setCurrentImage();
  5.    document.smiley.src=getNextImage();
  6. // stop hiding -->
  7. </SCRIPT>


 
et la fonction getNextImage :  
 
 

Code :
  1. function getNextImage() {
  2.     current = current+1;
  3.     if (current > picz.length-1)
  4.         { current = 0 }
  5.     return picz[current];
  6. }


 
où current est un entier, et picz mon tableau d'images.

--greg-- et au fait
tes images (dont ta fct retourne le nom), sont des objets images ou des url?
si ta fonction retourne le NOM d'un objet image tu dois faire un truc du style document.image.src=eval(tafonction()+'.src');
je crois..
--greg--

gfive a écrit a écrit :

Ouais, enfin, ça marche sous IE, sous Galeon (Mozilla 1.0), mais pas sous Netscape 4.78...Une idée, qqun??  




ton image s'appelle bien image?(hahem)
<img blabal name="image"> ? paske sinon je vois pas, ça devrait fct sous ns, a moins que ta fct marche pas sous ns?:)) t'as verifié avec un alert je suppose...

gfive Ouais, enfin, ça marche sous IE, sous Galeon (Mozilla 1.0), mais pas sous Netscape 4.78...Une idée, qqun??
gfive Bah, en fait, j'ai fait autrement!! :D
 
j'ai fait avec des document.image.src=ma_fonction_qui_me_donne_le_nom_de_limage()
 
et ça marche nickel!
HappyHarry pour l'image aléatoire, tu mets les noms dans un tableau, et tu generes un nombre aleatoire entre 0 et taille du tableau - 1 qui te donnera l'indice de l'image a afficher
 
pour afficher une nouvelle image sans recharger la page, tu mets ta balise <img> dans un div, et quand l'utilisateur cliques sur ton lien, tu changes le contenu du div.innerHTML
gfive sur le site sur lequel je bosse, il y a une zone où est affichée une image.
 
Je voudrais faire deux choses :  
 
- qu'a chaque rechargement de la page, une image "au pif" soit affichée (mais ça, j'ai bon espoir d'y arriver tout seul....Quoique...)
-  qu'à chaque fois que l'utilisateur clique sur un lien, l'image suivant celle qu est affichée, dans une liste d'images définie, remplace l'image courante (sans recharger la page)
 
Comment on fait ça??

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)