De harcher81 - le 06-11-2004 petit défaut les images de l'exemple sont trop volumineuse pour la base vitesse on peut même pas voir les images avants que sa change d'image | De ld40 - le 17-09-2006 pour gerer le temps d'affichage des images, c'est assez simple, il suffit de modifier la ligne suivante:
setTimeout("ChangeImage()", 2000);
ou 2000 est le temps d'affichage en millisecondes
donc 4000 = 4secondes par exemple | De solidaritok - le 26-01-2007 Bonjour,
J'aimerai si possible que les images sur ce script soient centrées.
Comment faire svp?
En vous remerciant, amicalement. | De EricM - le 10-04-2007 Test car envoi d'annotations signalé comme buggé ... | De rf92 - le 11-04-2007 En mettant les variables pour les images dans la balise script du body et non du head comme suit :
<div id="zone">
<script type="text/javascript">
couv = new Array;
couv[0] = 'images/Diapositive1.JPG'
couv[1] = 'images/Diapositive2.JPG'
couv[2] = 'images/Diapositive3.JPG'
couv[3] = 'images/Diapositive4.JPG'
couv[4] = 'images/Diapositive5.JPG'
num = 2
</script>
</div>
|
|
il est alors possible de générer les variables couv[x] en php et de coupler ce code avec un code php (par ex http://www.editeurjavascript.com/scripts/scripts_images_2_3.php) pour prendre l'ensemble des fichiers jpg du répertoire. | De Dadz - le 12-05-2007 Interessant ! Peut on mettre un lien qui changerait pour chaque image dans le même code ?? Par ex <a href="1"><img src="1"></a> pour la première image..puis <a href="2"><img src="2"></a> pour la seconde. | De manonaccou - le 15-03-2008 grlgtry | De almux - le 10-11-2008 Bigre! Cela a l'air vraiment simple... mais cela ne fonctionne pas sur la page en ligne.
Questions:
1) La page peut être en HTML ou doit-elle être en PHP?
2) Le chemin aux images est-il un chemin simple au dossier?
3) Peut-on remplacer le nom de la DIV?
Voici ce que j'ai chez moi:
Entre <HEAD> et </HEAD> :
<script type="text/javascript">
couv = new Array;
couv[0] = '/dia1/g1.jpg'
couv[1] = '/dia1/g2.jpg'
couv[2] = '/dia1/g3.jpg'
couv[3] = '/dial1/g4.jpg'
couv[4] = '/dial/g5.jpg'
num = 2
function ChangeImage()
{
if (num == -1) { num = (couv.length-1)}
if(document.getElementById)
{
document.getElementById("apDivright").innerHTML ='<img src="'+ couv[num] + '"> '; num = num-1
}
setTimeout("ChangeImage()", 5000);
}
window.onload = ChangeImage;
//-->
</script>
Entre <BODY> et </BODY> :
<div id="apDivright"></div>
Que fais-je de faux? | De almux - le 11-11-2008 EDIT: A tout hasard: couv[4] est corrigé. Mais il ne se passe toujours rien... (même sous Windows IE 6.5)
A+
Almux | De almux - le 11-11-2008 C'est trouvé!
-->PAS de / avant diapos_1 !
Cela charge 15 images 284x558 sans problème dans la div voulue.
C'est le bonne effet... mais, il va tout-de-même falloir que je mette une commande d'arrêt-redépart... Serait-il possible d'éviter les boutons visibles et d'utiliser la surface du div comme zone de stop and go? | De rami96 - le 19-05-2010 est ce qu'on peut mettre plusieurs script dans la meme page?? merci | De almux - le 29-06-2011 Serait-il possible d'ajouter un effet fin-fade out à ce script? |