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>
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();
}
}
).