Incompatibilité firefox sur un code de gallerie (scroll)

par **Invité** » 01 oct. 2006, 10:22

Hello,

c'est moi qui ai fait ce code, il y a très longtemps...à lépoque, je codais mal (ça s'est arrangé

).
Je pense que le onmousemove n'est pas un évènement très standard...

Faut trouver autre chose.
De plus, les filtres utilisés ne le sont pas non plus, et sont des filtres IE. Il en existe sous Firefox, mais ça reste du non standard.

Bref, c'est sympa de vouloir utiliser mon vieux code, mais si j'étais toi, j'en chercherais un autre.

par **fabien_14** » 12 sept. 2006, 01:57

bonjour

Sur ce code : http://www.javascriptfr.com/article.aspx?ID=386 qui me plairai bien .... il y a une Incompatibilité firefox les fleche ne marche pas pour faire le scroll .... qlq aurai t'il la solution ?

voici les code :

Code : Tout sélectionner

<html>
<!-- Date de création: 09/12/02 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>SlideShow</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Johan Barbier">
<link rel="stylesheet" type="text/css" href="styles/styles.css">
<script language="javascript" src="js/slideshow.js"></script>
</head>
<body onload="Fadeout(0,img1); Fadeout(0,img2); Fadeout(0,img3); Fadeout(0,img4); Fadeout(0,img5); Fadeout(0,img6); Fadein();" onunload="clearTimeout('vitessedefil')">

<div class="principal" align="center">
<div class="gauche" onMouseMove="SR('images')"></div>
<div style="position: relative; left: 50; width: 400; height: 160; background: url('cadre/menucad.jpg'); z-index: 1; vertical-align: middle">
<div style="position: relative; left: 3; top: 3; width: 388; height: 150; overflow: hidden; z-index: 2">
<span id="images" style="position: relative; top: 3"><nobr>
<a href="javascript: Aff(586, 475, 'Abstaction1.jpg');"><img name="img1" style="filter:alpha(opacity=35)" onmouseout="which=0;this.filters.alpha.opacity=35" onmouseover="Fadeout(10,this);" src="vignettes/Abstaction1 copy.jpg" border=0/></a>
<a href="javascript: Aff(506, 501, 'Abstraction10.jpg');"><img name="img2" style="filter:alpha(opacity=35)" onmouseout="which=0;this.filters.alpha.opacity=35" onmouseover="Fadeout(10,this);" src="vignettes/Abstraction10 copy.jpg" border=0/></a>
<a href="javascript: Aff(633, 473, 'cabinet_psy1.jpg');"><img name="img3" style="filter:alpha(opacity=35)" onmouseout="which=0;this.filters.alpha.opacity=35" onmouseover="Fadeout(10,this);" src="vignettes/cabinet_psy1 copy.jpg" border=0/></a>
<a href="javascript: Aff(634, 474, 'Cave1.jpg');"><img name="img4" style="filter:alpha(opacity=35)" onmouseout="which=0;this.filters.alpha.opacity=35" onmouseover="Fadeout(10,this);" src="vignettes/Cave1 copy.jpg" border=0/></a>
<a href="javascript: Aff(800, 540, 'cloitre.jpg');"><img name="img5" style="filter:alpha(opacity=35)" onmouseout="which=0;this.filters.alpha.opacity=35" onmouseover="Fadeout(10,this);" src="vignettes/cloitre copy.jpg" border=0/></a>
<a href="javascript: Aff(695, 512, 'escaliers.jpg');"><img name="img6" style="filter:alpha(opacity=35)" onmouseout="which=0;this.filters.alpha.opacity=35" onmouseover="Fadeout(10,this);" src="vignettes/escaliers copy.jpg" border=0/></a>
</nobr></span>
</div></div>
<div class="droite" onMouseMove="SL('images')"></div>
</div>
</body>
</html>

et voici le JS

Code : Tout sélectionner

/* auteur: Johan Barbier */
/* Date de création: 11/03/2003 */

// La fonction qui fait défiler le menu vers la gauche
cpt1=0;
function SL(texte)
	{
	a=document.getElementById(texte).style;
	if (a.pixelLeft>=-540)
		a.pixelLeft--;
	if (a.pixelLeft<-540)
		return;
	if (cpt1>20)
		{
		cpt1=0;
		return;
		}
	cpt1++;
	b=texte;
	setTimeout('SL(b)', 1);
	}
// La fonction qui fait défiler le menu vers la droite
cpt2=0;
function SR(texte)
	{
	a=document.getElementById(texte).style;
	if (a.pixelLeft<=3)
		a.pixelLeft++;
	if (a.pixelLeft>3)
		return;
	if (cpt2>20)
		{
		cpt2=0;
		return;
		}
	cpt2++;
	b=texte;
	setTimeout('SR(b)', 1);
	}
// le fade des images	
function Fadein()
{
if (cur.filters.alpha.opacity<35) 
	cur.filters.alpha.opacity =35;
if (cur.filters.alpha.opacity>100) 
	cur.filters.alpha.opacity =100;
cur.filters.alpha.opacity=cur.filters.alpha.opacity+which;
vitessedefil = setTimeout("Fadein()", 50);
}

function Fadeout(arg1,arg2)
{
which=arg1;
cur=arg2;
}

var new_win;
new_win=true;
// ouverture de la fenêtre pr afficher les images : on y passe en paramètres le chemin, la hauteur et la largeur de l'image
function Aff(lg, ht, nom)
 {
 lg=lg+20;
 ht=ht+40;
 test(new_win)
 new_win=open("images.html?"+nom,"ot_fen","location=no,menubar=no,scrollbars=no,toolbar=no,resizable=no,width="+lg+",height="+ht+",left=200,top=200");
 new_win.focus();
 }
 
function test(fenetre)
 {
 if (fenetre.open)
  {
  parent.focus ();
  fenetre.close();
  }
 }

Incompatibilité firefox sur un code de gallerie (scroll)

Répondre

Étendre la vue Revue du sujet : Incompatibilité firefox sur un code de gallerie (scroll)

Incompatibilité firefox sur un code de gallerie (scroll)