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>
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.
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.