Partage
  • Partager sur Facebook
  • Partager sur Twitter

diaporama

    26 mai 2010 à 15:27:13

    Bonjour j'ai réussi à écrire quelques lignes à la suite du tuto
    de l'objet image afin de débuter un diapo. J'ai pour cela crée
    un tabealu contenant le nom des images à charger. Ceci fonctionne bien
    sauf que pour passer d'une image à l'autre j'ai fait un alert.

    Je voudrais bien sur le remplacer par un nmobre de seocndes 3 secondes.
    J'ai essayé avec des objets Date avec getTime() mais m^me si cela me semble correct
    cela ne fonctionne pas. Comment structurer l'affaire.
    Question 2: si mes images sont dans un répertoire différent que l'image initiale ou dois je faire apparaître
    le chemin d'accès au répertoire (j'ai essayé dans le tableau 'images\images1.jpg' au lieu de 'images1.jpg'
    mais cela ne marche pas.
    merci par avance
    <img id="monImage" alt="image " src="image1.jpg" width ="800" height="600"/>
    
    <script type="text/javascript">
    
    function changerImage(img, src, maxWidth, maxHeight)
    {
       var image = new Image();
     
       image.onerror = function()
       {
          alert("Erreur lors du chargement de l'image");
       }
     
       image.onabort = function()
       {
          alert("Chargement interrompu");
       }
     
       // une fois l'image chargée :
       image.onload = function()
       {
          // si l'image est désignée par son id
          if(typeof img == "string")
             img = document.getElementById(img);
     
          // si l'image doit être redimensionnée
          var reduction = 1;
          if(maxWidth && maxHeight) // si ils sont true c'est à dire pas false, c'est à dire pas undefined, c'est à dire qu'ils ont été déterminés
             if(image.width > maxWidth || image.height > maxHeight)
                reduction = Math.max(image.width/maxWidth, image.height/maxHeight);
     
          // on affiche l'image
          img.src = image.src;
          img.width = Math.round(image.width / reduction);
          img.height = Math.round(image.height / reduction);
       }
      image.src = src;
      
     }
    
    //création d'un tableau contenant les images du diapo
    	var tabimg = new Array('image1.jpg','image2.jpg','image3.jpg');
    			
    				for (var i= 0;i<3;i++)// on boucle sur toutes les images
    				{
    	
    							//on lance la fonction changeImage et on passe en para les images du tableau
    						alert('dd');
    					
    					changerImage("monImage", tabimg[i],800,600);
    					
    					
    				
    	
    				
    				}
    
    
    </script>
    
    • Partager sur Facebook
    • Partager sur Twitter
      26 mai 2010 à 15:30:39

      Pour la temporisation, regarde du côté de setTimeout et setInterval.
      Et pour les sous dossiers, ça devrait fonctionner comme tu l'as décrit.
      • Partager sur Facebook
      • Partager sur Twitter

      diaporama

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown