Pas d'affichage d'images sur firefox mais oui sur les autres browsers

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Pas d'affichage d'images sur firefox mais oui sur les autres browsers

rfv

C'est comme ça ou comme ça ?

Bonjour,

Je sèche sur une incompatibilité avec Firefox, c'est un pauvre diaporama qui fonctionne bien avec les autres navigateurs.

Lui là => http://zepitou.free.fr/diapo/diapo [...] refox.html

Le tout est ICI

C'est surement tout con mais je commence à désespérer de trouver l'origine du problème.

:jap:

Message édité par rfv le 26-11-2010 à 19:03:34

Publicité

tpierron

Mouais, la réponse est dans la console d'erreur de Firefox (Ctrl+Shift+J). Tu utilises effectivement une spécifitié à IE.

rfv

C'est comme ça ou comme ça ?

Ha ! ça progresse, j'ai découvert qq chose là Merci

ça marche nickel sous chrome, safari, ie, il n'y aurait pas moyen de rendre facilement le script compatible avec Firefox ?

Je suis sensé en déduire quoi de ce "MonImage is not defined" ? J'ai dû oublier qq chose apparament, une déclaration qq part, mais quoi et où ?

js noob inside, :sweat: pataper.

Message édité par rfv le 24-11-2010 à 21:17:08

gatsu35

Blablaté par Harko

tu fous un id sur "MonImage"
<img src="" id="MonImage"/>
et ensuite tu fais
var img = document.getElementById('MonImage');
init(img)

voila c'est tout, c'est juste que IE est une sous merde trop permissive en JS. Et après du coup c'est la porte ouverte au mauvais code javascript

---------------
Blablaté par Harko

tpierron

Ne pas oublier le onclick aussi: remplacer "MonImage" par "this".

rfv

C'est comme ça ou comme ça ?

On y est presque, je le tord dans tous les sens en vain, j'ai fais des choses inavouables , faut pas m'abandonner maintenant [:agkklr]

J'avais ça :

<DIV><span class="textenormal">cliquer sur l'image (bah y'en a pas sous Firefox, c'est balot).</span><br>
<img name="MonImage" border="0" src="" alt="image" style="" onClick="changeImage(MonImage)"></DIV>

<script language="javascript" type="text/javascript">
init(MonImage)
</script>

J'ai maintenant ça :

<DIV><span class="textenormal">cliquer sur l'image (bah y'en a pas sous Firefox, c'est balot).</span><br>
<img id="MonImage" border="0" src="" alt="image" style="" onClick="changeImage(this)"></DIV>

<script language="javascript" type="text/javascript">
var img = document.getElementById('MonImage')
init(img)
</script>

L'image 1 s'affiche mais la mise à jour lors du clic ne fonctionne pas.
Une petite édition du code de votre part ( :sweat: aprés vérif du bon fonctionnement) serait salutaire je vous cache pas. :jap:

Message édité par rfv le 26-11-2010 à 10:45:58

tpierron

Ah ouais, quand même, je me demande comment ce code fait pour fonctionner :

Code :

function changeImage(obj) {
  if (timerAg != 0) {
    clearTimeout(timerAg)
    timerAg = 0
  }
  if (timerRe == 0) { timerRe = setTimeout("retrecirImage("+obj.name+" )",0) }
}
 
function agrandirImage(obj) {
  if (obj.width < largDepart) {
    obj.width+=40
    obj.height = hautDepart
    timerAg = setTimeout("agrandirImage("+obj.name+" )",0)
  }
  else {
    clearTimeout(timerAg)
    timerAg = 0
  }
}

Assez fort quand même: tu passes une chaine de caractère (obj.name) à un callback, et comme par magie, il se transforme en référence sur ton objet dans la fonction. Le genre d'effet de bord que tu t'arraches les cheveux quand tu ne t'y attends pas.... le pire, c'est que ça fonctionne dans Safari. [:shlavos]

Oui, je sais t'en a rien à foutre, tu as récupéré ce script dans la première poubelle du web venu, codé comme il y a 15 ans, et tout ce que tu demandes c'est que ça fonctionne. Bon, parce que ça fait vraiment trop mal aux yeux :

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test</title>
<link href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF">
<table width="700"  border="0" align="center" cellpadding="0" cellspacing="0" id="Tableau_01">
  <tr>
    <td width="700" height="0" align="left" valign="top">

<script type="text/javascript">
var largDepart = 0
var hautDepart = 0
var numImg = 0
var timerRe = 0
var timerAg = 0
var tabImage = new Array()
tabImage[0] = "1.jpg"
tabImage[1] = "2.jpg"
tabImage[2] = "3.jpg"

function init(obj) {
  obj.src = tabImage[numImg]
  largDepart = 640    
  hautDepart = 480
}

function changeImage(obj) {
  if (timerAg != 0) {
    clearTimeout(timerAg)
    timerAg = 0
  }
  if (timerRe == 0) { timerRe = setTimeout(retrecirImage,0) }
}

function agrandirImage() {
  var obj = document.getElementById('MonImage')
  if (obj.width < largDepart) {
    obj.width+=40
    obj.height = hautDepart
    timerAg = setTimeout(agrandirImage,0)
  }
  else {
    clearTimeout(timerAg)
    timerAg = 0
  }
}

function retrecirImage() {
  var obj = document.getElementById('MonImage')
  if (obj.width > 0) {  
    obj.width-=40
    obj.height = hautDepart
    timerRe = setTimeout(retrecirImage,0)
  }
  else {
    clearTimeout(timerRe)
    timerRe = 0
    obj.src = tabImage[(numImg+1)%tabImage.length]
    numImg++
    timerAg = setTimeout(agrandirImage,0)
  }
}
</script>

  <DIV><span class="textenormal">cliquer sur l'image (bah y'en a pas sous Firefox, c'est balot).</span><br>
  <img id="MonImage" border="0" src="" alt="image" style="" onClick="changeImage(this)"></DIV>

<script language="javascript" type="text/javascript">
  init(document.getElementById("MonImage" ))
</script>
    
    </td>
  </tr>
</table>
</body>
</html>

rfv

C'est comme ça ou comme ça ?

T'as bien cerné la situation, gros gros merci pour ce sortage de la mouisse, du coup ça m'a donné envie de creuser un peu les bases, ça sera pas du luxe
:jap: :jap: :jap: :jap: :jap: :jap:

Edit : c'est vrai que c'est tout de suite plus compréhensible quand c'est codé correctement.

Message édité par rfv le 26-11-2010 à 18:42:40

FORUM HardWare.fr

Programmation

HTML/CSS

Pas d'affichage d'images sur firefox mais oui sur les autres browsers

Sujets relatifs
Pas d'affichage des images sur internet explorer mais oui sur firefox	Incompatibilité de type Erreur 13 VBA
Fonction ok sous ie6 mais ne fonctionne pas sous firefox	Erreur 13 Incompatibilité de type
Extension Referrer Opensearch sur Firefox	[resolu] afficher/masquer fonctionne pas sous firefox
CSS / Compatibilité IE - Firefox	problème avec xmlhttprequest et firefox
Galerie d'image AS3 / Problème sous Firefox / Mac	Erreur 13 :incompatibilité type
Plus de sujets relatifs à : Pas d'affichage d'images sur firefox mais oui sur les autres browsers

Page générée en 0.040 secondes