Problème avec un diapo sous IE

**Mucsy** · 29/12/2005, 19h15

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. Seulement pour plus de propreté, j'ai séparé l'HTML, le CSS et le JS dans des fichiers différents. Et depuis, le diapos ne fonctionne plus sur IE (sous FF ça marche tjs !).
Voilà mes différents bouts de code.

l'HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<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" src="/JS/changeImg.js"></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>
  <div class="bann"><img src="/themes/bann.png" alt="" width="200" height="150"></div>
  <div class="texte"></div>
  <div class="menu">
    <?php include ("menu.htm"); ?>
  </div>
</div>
</body>
</html>

et le Javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
// JavaScript Document
// change image
var prefix='/themes/diapo/TN_img'
var extension='jpg'
var nbimages=9
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)
    }
}

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. Sous IE j'ai une image fixe : TN_img1 (la première photo du dossier)
J'ai vérifé les chemins et normalement c'est bon...

**SpaceFrog** · 30/12/2005, 09h58

le chemin il est par rapport au fichier js ou à la page html dans le script ?

**Mucsy** · 30/12/2005, 15h14

Le chemin est un chemin absolu. je mets les chemin par rapport à la racine du site. Mais la question est : pourquoi ça marche sous FF si les chemins sont mauvais ?

**Mucsy** · 05/01/2006, 21h19

Je reviens sur ce post car je pense que j'ai trouvé la source du problème.

Je programme pour l'instant en local et la plupart de mes fichiers sont des .php . J'utilise EasyPHP. Ma fonction diapo fonctionne sous IE quand la page à l'extension .htm mais dès que je modifie cette extension, en la remplaçant par .php, le javascript ne fonctionne plus !!!

Le contenu de la page est le même, seule l'extension change !!!

Quelqu'un aurait une solution à ce grand mystère ?

**siddh** · 05/01/2006, 21h25

quelle est l erreur ?

**Mucsy** · 05/01/2006, 21h27

Je n'ai aucune erreur : la div n'affiche que la première image du dossier et aucun changement ne se produit.

**siddh** · 05/01/2006, 23h47

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript">

:

**Mucsy** · 06/01/2006, 00h09

J'y avais pensé, mais il semble que ça ne soit pas ça le problème !

**siddh** · 06/01/2006, 00h19

il n'y a aucune raison que le changement d'extension empeche le js de s'executer

**Mucsy** · 06/01/2006, 00h30

Je sais et pourtant... j'ai ouvert le fichier index.htm (qui marche) et je l'ai enregistré sous index.php . Et là, ça marche plus !

Par contre IE me dit parfois que j'ai une erreur ici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

o.src=prefix+newi+'.'+extension;

C'est dans le fichier JS et le cacractère incriminé par IE est le "f" de "prefix"...

**siddh** · 06/01/2006, 00h37

ben a part le ; qu'il manque dans ton premier source sur cette ligne, je voit pas.

et ffx il dit quoi ? (il doit pas aimer les filters non ?)

**Mucsy** · 06/01/2006, 00h43

Aucun soucis sous Firefox, la console de Javascript ne dit rien de particulier...
ça m'aurait arrangé qu'il y ait une erreur

!
ça voudrait dire qu'il y a VRAIMENT une erreur !!!

**siddh** · 06/01/2006, 00h50

je comprend pas ton getElementById la :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if(o.filters) o.filters[0].apply();
            o.src=prefix+newi+'.'+extension
            if(o.filters) document.getElementById('imgalea').filters[0].play();

sinon, peut etre est ce du au fait qu en php, la page se charge moins vite
du coup, au lieu de faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script language="JavaScript1.2">changeimage()</script>

juste apres ton image,

met plutot ca de suite apres ta fonction dans ton fichier js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
window.onload = function(){
        changeimage();
}

**Mucsy** · 06/01/2006, 01h18

Si quelqu'un peut m'aider, j'ai mis les fichiers sur le net... à cette adresse : http://www.les-sourciers.net
Vous pourrez voir la différence entre FF et IE...

**siddh** · 06/01/2006, 01h21

t as essayé avec le window.onload ?

**Mucsy** · 06/01/2006, 01h22

actuellement c'est avec window.onLoad sur le net...

**siddh** · 06/01/2006, 01h25

ok je regarde
je vais devoir lancer ie a cause de toi

**siddh** · 06/01/2006, 01h28

je suppose que c'est le carré en haut à gauche.

Ca marche sous ffx 1.5, ietab dans ffx ... et aussi dans ie 6

**Mucsy** · 06/01/2006, 01h34

:

:

Je viens en effet de voir que ça marche sous IE 6 sur un autre poste chez moi...

Merci beaucoup je vais vérifier mes configs IE (mais comprend pas...)

Désolé de t'avoir monopolisé siddh

!

**siddh** · 06/01/2006, 01h40

pas grave

mais vide ton cache pour voir ...

Problème avec un diapo sous IE

JavaScript

Discussions similaires

Partager

Partager