Bonjour à tous !
Voilà j'ai trouvé un script en JS qui permet d'avoir un diapo photo automatique et aléatoire. Je l'ai inclus dans une <div> et il tourne sur ma page web (tjs en local malheureusement).
Le fonctionnement est simple : j'ai un dossier diapos qui contient toutes les images du diapos. Elles sont nommées ainsi : TN_img + un nombre n compris entre 1 et le nombre de photos. Le script va lire dans le dossier et afficher aléatoirement les images.
La plupart de mes fichiers sont des .php et j'utilise EasyPHP. Ma fonction diapo fonctionne sous IE quand la page a l'extension .htm . Mais le diapos ne fonctionne plus du tout quand je modifie cette extension, en la remplaçant par .php . Le diapos reste bloqué sur la première image du dossier...
Le contenu de la page est le même, seule l'extension change !!!
voici mon fichier HTML
Qulequ'un saurait résoudre ce grand mystère ?
Voilà j'ai trouvé un script en JS qui permet d'avoir un diapo photo automatique et aléatoire. Je l'ai inclus dans une <div> et il tourne sur ma page web (tjs en local malheureusement).
Le fonctionnement est simple : j'ai un dossier diapos qui contient toutes les images du diapos. Elles sont nommées ainsi : TN_img + un nombre n compris entre 1 et le nombre de photos. Le script va lire dans le dossier et afficher aléatoirement les images.
La plupart de mes fichiers sont des .php et j'utilise EasyPHP. Ma fonction diapo fonctionne sous IE quand la page a l'extension .htm . Mais le diapos ne fonctionne plus du tout quand je modifie cette extension, en la remplaçant par .php . Le diapos reste bloqué sur la première image du dossier...
Le contenu de la page est le même, seule l'extension change !!!
voici mon fichier HTML
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="all">@import "style.css";</style>
<title>Le site des sourciers</title>
<script language="JavaScript1.2">
var prefix='themes/diapo/TN_img'
var extension='jpg'
var nbimages=5
var delai=5000
var lasti=0, newi=0
function changeimage()
{
newi=Math.floor(nbimages*Math.random()+1)
if(newi==lasti) changeimage()
else
{
lasti=newi
if(document.getElementById) o=document.getElementById('imgalea');
else if(document.images) o=document.images.imgalea;
if(o)
{
if(o.filters) o.filters[0].apply();
o.src=prefix+newi+'.'+extension
if(o.filters) document.getElementById('imgalea').filters[0].play();
}
setTimeout("changeimage()",delai)
}
}
</script>
</head>
<body>
<div class="bloc_centre">
<div class="diapo">
<img name="imgalea" id="imgalea" src="themes/diapo/TN_img1.jpg" style="filter:progid:DXImageTransform.Microsoft.Fade(Duration=1.0,overlap=1.0)">
<script language="JavaScript1.2">changeimage()</script>
</div>
</body>
</head>Qulequ'un saurait résoudre ce grand mystère ?