begin process at 2012 05 29 04:03:06
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Comment automatiser le chargement des images...


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Comment automatiser le chargement des images...

lundi 8 mars 2010 à 21:30:37 | Comment automatiser le chargement des images...

cascaret

Bonjour, je cherche une fonction plus pratique que <meta http-equiv="refresh" content="4" /> qui, dans le code plus bas, me permet de lancer une image différente à chaque rafréchissement de la page. Dans certains navigateurs la page remonte automatiquement.

D'avance merci pour tout.


<script language="JavaScript" type="text/javascript">
function random_imglink(){
var myimages=new Array()
myimages[1]="image/cuisine1-mini.jpg"
myimages[2]="image/cuisine2-mini.jpg"
myimages[3]="image/cuisine3-mini.jpg"
myimages[4]="image/chambre30m1-mini.jpg"
myimages[5]="image/chambre30m2-mini.jpg"

var imagelinks=new Array()
imagelinks[1]="image/cuisine1.jpg"
imagelinks[2]="image/cuisine2.jpg"
imagelinks[3]="image/cuisine3.jpg"
imagelinks[4]="image/chambre30m1.jpg"
imagelinks[5]="imagechambre30m2.jpg"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<a href='+'"'+imagelinks[ry]+'"'+' target="_blank"><img src="'+myimages[ry]+'" border=0><\/a>')
}
random_imglink()

</script>




SitesPourTous.eu Site de services aux petites entreprises, artisans, associations, particuliers... en pays messin
mardi 9 mars 2010 à 00:15:46 | Re : Comment automatiser le chargement des images...

f0xi

Membre Club Administrateur CodeS-SourceS
Code HTML :
<html>
<head>
<script type="text/javascript">
//<!--
  var imgMax = 5;

  var imgThumbs = new Array();
  imgThumbs[0] = "./image/cuisine1-mini.jpg";
  imgThumbs[1] = "./image/cuisine2-mini.jpg";
  imgThumbs[2] = "./image/cuisine3-mini.jpg";
  imgThumbs[3] = "./image/chambre30m1-mini.jpg";
  imgThumbs[4] = "./image/chambre30m2-mini.jpg";

  var imgBigs = new Array();
  imgBigs[0] = "./image/cuisine1.jpg";
  imgBigs[1] = "./image/cuisine2.jpg";
  imgBigs[2] = "./image/cuisine3.jpg";
  imgBigs[3] = "./image/chambre30m1.jpg";
  imgBigs[4] = "./image/chambre30m2.jpg";

  function random(n) {
    var R = Math.floor(Math.random() * n);
    return(R);
  }

  function randomImg() {
    var R = random(imgMax);
    document.getElementById('imglink').href  = imgBigs[R];    
    document.getElementById('imglink').title = imgBigs[R];
    document.getElementById('imgprev').src   = imgThumbs[R];
    document.getElementById('imgprev').alt   = imgBigs[R];
  }
//-->
</script>

<style type="text/css">
  img {
    border: none;
  }
</style>
</head>

<body onload="randomImg();">
  <a href="#" id="imglink" target="_blank" history="..."><img src="#" id="imgprev" alt="..." /></a>
</body>
</html>
mardi 9 mars 2010 à 00:18:01 | Re : Comment automatiser le chargement des images...

f0xi

Membre Club Administrateur CodeS-SourceS

pas besoin du <a ... history="..."> erreur dans notepad++
mardi 9 mars 2010 à 10:11:31 | Re : Comment automatiser le chargement des images...

krimog

Administrateur CodeS-SourceS
@f0xi : à quoi te servent //<!-- et //--> ?

Krimog : while (!(succeed = try())) ;
- Nous ne sommes pas des décodeurs ambulants. Le style SMS est prohibé. -
mardi 9 mars 2010 à 13:23:22 | Re : Comment automatiser le chargement des images...

f0xi

Membre Club Administrateur CodeS-SourceS

script en commentaire si script désactivé. :)
mardi 9 mars 2010 à 14:00:43 | Re : Comment automatiser le chargement des images...

krimog

Administrateur CodeS-SourceS
Ah, pas bête ;)
Je connaissais pas cette technique, merci !

Krimog : while (!(succeed = try())) ;
- Nous ne sommes pas des décodeurs ambulants. Le style SMS est prohibé. -
mardi 9 mars 2010 à 18:50:09 | Re : Comment automatiser le chargement des images...

cascaret

Regardez voir la page à l'adresse suivante:
http://www.musee-pompe.hpmediasmart.com/maison/essai.html

Il semble que le code ne marche pas.

Je cherche à modifier la page http://www.musee-pompe.hpmediasmart.com/maison/presentation.html le scripte proposé prend de la place sur la page. Peut on le mettre sur une page externe une foi le problème résolu. De plus il y aura plusieurs foi le même scripte sur la page, comment faire ca?

Merci pour tout.

SitesPourTous.eu Site de services aux petites entreprises, artisans, associations, particuliers... en pays messin
mardi 9 mars 2010 à 23:08:10 | Re : Comment automatiser le chargement des images...

f0xi

Membre Club Administrateur CodeS-SourceS

marche parfaitement sur :

FireFox 3.6
Chrome 5

ça me suffit.
mercredi 10 mars 2010 à 09:51:58 | Re : Comment automatiser le chargement des images...

krimog

Administrateur CodeS-SourceS
Vu la simplicité du code, j'espère bien que ça marche sur tous les navigateurs et sur Internet Explorer (oui, je différencie IE d'un navigateur ^^)

Krimog : while (!(succeed = try())) ;
- Nous ne sommes pas des décodeurs ambulants. Le style SMS est prohibé. -
mercredi 10 mars 2010 à 11:59:33 | Re : Comment automatiser le chargement des images...

cascaret

Le test ne marche pas.


SitesPourTous.eu Site de services aux petites entreprises, artisans, associations, particuliers... en pays messin

1 2

Cette discussion est classée dans : image, jpg, mini, myimages, imagelinks


Répondre à ce message

Sujets en rapport avec ce message

2 animations sur une meme page [ par fanouille ] bonjourJe veux faire une animation avec des photos qui défilent en boucle, jusque là pas de problème, ca marche.Et j'aimerais en faire plusieurs sur u "enregistrer sous" [ par mattveil ] slt tlm,ça fait un moment que je cherche à trouver une commande qui me permettrai d'enregistrer une image avec une extension en .jpg. Donc en fait il Image aleatoire [ par Revolux ] Bonjour, Je n' y connais absolument rien en Java Script et je ne trouve pas ce que je cherche parmis les sources du site. Je vous pose donc ma questi Image survolée [ par Fab117 ] Salut,Dans ma page, il y a une image principale (Reference.jpg) qui est chargée au démarrage.Dessous, il y a 2 petites images (faire_apparaitre_varian Afficher une image si elle existe [ par msoft2000 ] Bonjour, Je cherche juste à afficher une image si elle existe sinon j'en affiche une autre. Le code que j'essaye de faire marcher est le suivant: charger image dans un DIV [ par putch ] salut à tous !voila mon soucij'ai une liste deroulante contenant des noms d'imagesje souhaiterai que lorsque l'on selectionne un element cela affiche manipulations d'images [ par 3dagard ] bonjour,je suis novice, et si quelqu'un pouvais m'aider ce serait genial.1) sur une image.jpg , avoir une zone reactive qui ouvrirait un menu derouran Problème avec mon diaporama automatique [ par way2web ] Bonjour,J'essaie de créer un diaporama automatique avec un  intervalle de 3s entre chaque affichage d'image, j'ai fait une tentative de script mais il Insertion de fonction deplacement... ( je sais pas comment faire.. ) [ par Juheur ] Donc voila je vous explique simplement j,ai fais un code qui me permet de faire alternée des images...  Le code marche super bien il alterne selon 10 Probleme avec images aléatoires [ par antiflag25 ] Salut à tous !!Voila je viens de mettre une serie d'image aléatoire sur mon site. Jusque la, pas de probleme, le seul souci, c'est que j'aimerais que


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,655 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales