javascript random image

javascript random image - HTML/CSS - Programmation

Marsh Posté le 28-04-2010 à 19:56:41    

Bonjour
Je suis en train de finaliser mon site internet, mais n'étant pas un pro je butte encore sur quelques soucis.
J'ai glané sur le net un script que j'ai modifié pour afficher une image dans une petite boite en haut a gauche de mon menu sur la page d'accueil et sur plusieurs autres pages. Mon souci est que quand la page s'ouvre, il n'y a aucune image dans la boite jusqu'à ce que la suivante arrive après 3 secondes.
Le problème se reproduit aussi (la plupart du temps mais pas tout le temps) que je F5 la page.
 
Si quelqu'un pourrait me dire ou est mon erreur ce serait super :)
 
Voici un lien pour le site et le bout de code incriminé:
 
http://labpages.moffitt.org/schonbrunne/
 

Code :
  1. <ul class="list_left_menu">
  2. <script type="text/javascript" language="JavaScript">
  3. url=new Array;
  4. imageurl=new Array
  5. imageurl[0]="images/random/random1.png";
  6. imageurl[1]="images/random/random2.png";
  7. imageurl[2]="images/random/random3.png";
  8. imageurl[3]="images/random/random4.png";
  9. imageurl[4]="images/random/random5.png";
  10. imageurl[5]="images/random/random6.png";
  11. imageurl[6]="images/random/random7.png";
  12. imageurl[7]="images/random/random8.png";
  13. affiche=false;
  14. function afficheimage()
  15. {
  16. if(!affiche)
  17. {
  18. numimage=Math.round(Math.random()*(url.length-1));
  19. document.write('<a href="gallery.html"><img src="'+imageurl[numimage]+'"width=130 height=130 border=0 name=pub></a>');
  20. affiche=true;
  21. }
  22. else
  23. {
  24. if(numimage==(imageurl.length-1))
  25. numimage=0;
  26. else
  27. numimage++;
  28. document.pub.src=imageurl[numimage];
  29. }
  30. setTimeout("afficheimage()",3000);
  31. }
  32. afficheimage();
  33. </script>
  34. </ul>


 
Merci a vous  :jap:  


---------------
Topic A7N8X - Topic UX32VD
Reply

Marsh Posté le 28-04-2010 à 19:56:41   

Reply

Marsh Posté le 28-04-2010 à 20:14:00    

Je pense que c'est simplement parce que la première image n'a pas le temps de se charger, car un peu trop lourde sans doute...
 
Elle fait 25 Ko : pas moyen de l'alléger un peu ?
 
Edit : même si ce n'est pas la raison elles sont quand même un peu lourdes je pense... :o


Message édité par toum_toum le 28-04-2010 à 20:15:38

---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 29-04-2010 à 00:08:16    

J'ai pensé a ça aussi mais 3 secondes c'est quand même beaucoup.
Les autres images de la page sont aussi grosses sinon plus et la page s'ouvre très vite pendant le chargement (en tout cas suffisamment).
 
De plus pour les autres images il n'y a jamais de blanc du coup je pensais plus a un souci dans le code.


Message édité par dolan le 29-04-2010 à 00:36:41

---------------
Topic A7N8X - Topic UX32VD
Reply

Marsh Posté le 29-04-2010 à 23:37:31    

Personne d'autre pour une idée pour améliorer ce comportement?

Reply

Marsh Posté le 30-04-2010 à 13:43:12    

en remplaçant false par true ? (sait-on jamais.... ?)


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 01-05-2010 à 03:37:32    

Arf pas vu ton message aujourd'hui, je ne pourrai tester ca qu'une fois au boulot car pas acces au ftp en dehors du domaine :(

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed