S'abonner :  Newsletters    Magazines
Avis sur les produits Avis sur les logiciels Avis sur les jeux Actualités A propos de 01net
725 utilisateurs connectés

Problème d'affichage de calques sous firefox

Lilietg le 12 aout 2008 à 11h46
Bonjour à tous
J'ai fait un site avec dreamweaver à la façon d'une galerie (des vignettes à gauche et des calques qui apparaissent onmouseover et disparaissent onmouseout à droite avec les images en grand format)
Le résultat est impécable sous explorer mais les calques n'apparaissent pas sous firefox (3.01)
Précision de taille : je n'y connais strictement rien en programmation et je n'utilise donc pas la source html
Autre précision : les pages que je crée sont vouées à remplacer un site existant, elles ne sont donc pas en ligne
Je joint la source (qui pour moi est du chinois)
Merci d'avance

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<style type="text/css">
<!--
a { text-decoration: none}
-->
</style>
</head>

<body bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" onLoad="MM_preloadImages('images/gris.jpg')">
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:270px; height:466px; z-index:2"><font face="Kidprint">
</font>
<blockquote>
<p><font size="4"><br>
</font><font face="Kidprint"><font size="4"><b>Petits mod&egrave;les</b></font></font></p>
<p><font face="Kidprint" size="4"><a href="papier-grands.htm">Grands mod&egrave;les</a></font></p>
<p><font face="Kidprint" size="4"><a href="papier-diablotins.htm">Diablotins</a></font></p>
<p><a href="papier-divers.htm"><font face="Kidprint" size="4">Divers</font></a></p>
<p>&nbsp; </p>
</blockquote>
<p><font size="1"><font face="Kidprint"><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits01','','hide')" onMouseOver="MM_swapImage('petits1','','images/gris.jpg',1);MM_showHideLayers('petits01','','show')"><img name="petits1" border="1" src="images/petits1.gif" width="50" height="50" hspace="15"></a><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits02','','hide')" onMouseOver="MM_swapImage('petits2','','images/gris.jpg',1);MM_showHideLayers('petits02','','show')"><img name="petits2" border="1" src="images/petits2.gif" width="50" height="50"></a></font><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits010','','hide')" onMouseOver="MM_swapImage('petits10','','images/gris.jpg',1);MM_showHideLayers('petits010','','show')"><img name="petits10" border="1" src="images/petits10.jpg" width="50" height="50" hspace="15"></a><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits08','','hide')" onMouseOver="MM_swapImage('petits8','','images/gris.jpg',1);MM_showHideLayers('petits08','','show')"><img name="petits8" border="1" src="images/petits8.jpg" width="50" height="50"></a><font face="Kidprint"><br>
<br>
</font><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits09','','hide')" onMouseOver="MM_swapImage('petits9','','images/gris.jpg',1);MM_showHideLayers('petits09','','show')"><img name="petits9" border="1" src="images/petits9.gif" width="50" height="50" hspace="15"></a><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits012','','hide')" onMouseOver="MM_swapImage('petits12','','images/gris.jpg',1);MM_showHideLayers('petits012','','show')"><img name="petits12" border="1" src="images/petits12.gif" width="50" height="50"></a><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits06','','hide')" onMouseOver="MM_swapImage('petits6','','images/gris.jpg',1);MM_showHideLayers('petits06','','show')"><img name="petits6" border="1" src="images/petits6.jpg" width="50" height="50" hspace="15"></a><font face="Kidprint"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('vierge','','images/gris.jpg',1)"><img name="vierge" border="1" src="images/noir.jpg" width="50" height="50"></a><br>
<br>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('vierge1','','images/gris.jpg',1)"><img name="vierge1" border="1" src="images/noir.jpg" width="50" height="50" hspace="15"></a></font><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits013','','hide')" onMouseOver="MM_swapImage('petits13','','images/gris.jpg',1);MM_showHideLayers('petits013','','show')"><img name="petits13" border="1" src="images/petits13.gif" width="50" height="50"></a><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits04','','hide')" onMouseOver="MM_swapImage('petits4','','images/gris.jpg',1);MM_showHideLayers('petits04','','show')"><img name="petits4" border="1" src="images/petits4.gif" width="50" height="50" hspace="15"></a><font face="Kidprint"><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits011','','hide')" onMouseOver="MM_swapImage('petits11','','images/gris.jpg',1);MM_showHideLayers('petits011','','show')"><img name="petits11" border="1" src="images/petits11.gif" width="50" height="49"></a><br>
<br>
</font><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits07','','hide')" onMouseOver="MM_swapImage('petits7','','images/gris.jpg',1);MM_showHideLayers('petits07','','show')"><img name="petits7" border="1" src="images/petits7.gif" width="50" height="50" hspace="15"></a><font face="Kidprint"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('vierge2','','images/gris.jpg',1)"><img name="vierge2" border="1" src="images/noir.jpg" width="50" height="50"></a></font><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits05','','hide')" onMouseOver="MM_swapImage('petits5','','images/gris.jpg',1);MM_showHideLayers('petits05','','show')"><img name="petits5" border="1" src="images/petits5.gif" width="50" height="50" hspace="15"></a><a href="#" onMouseOut="MM_swapImgRestore();MM_showHideLayers('petits03','','hide')" onMouseOver="MM_swapImage('petits3','','images/gris.jpg',1);MM_showHideLayers('petits03','','show')"><img name="petits3" border="1" src="images/petits3.jpg" width="50" height="50"></a></font></p>
</div>
<div id="petits013" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits013.jpg" width="313" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>Chien en papier m&acirc;ch&eacute;
</b>(h= 50cm)</font></p>
</div>
</div>
<div align="left">
<div id="petits012" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits012.jpg" width="371" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>Rapace en papier m&acirc;ch&eacute;
</b>(h= 50cm)</font></p>
</div>
</div>
<div id="petits011" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits011.jpg" width="245" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>Pingouin en papier m&acirc;ch&eacute;
</b>(h= 50cm)</font></p>
</div>
</div>
<div id="petits010" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits010.jpg" width="245" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>Piaf en papier m&acirc;ch&eacute;
</b>(h= 28cm)</font></p>
</div>
</div>
<div id="petits09" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits09.jpg" width="246" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>Singe en papier m&acirc;ch&eacute;
</b>(h= 50cm)</font></p>
</div>
</div>
<div id="petits08" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits08.jpg" width="357" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>El&eacute;phant en papier m&acirc;ch&eacute;
</b>(h= 50cm)</font></p>
</div>
</div>
<div id="petits07" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits07.jpg" width="331" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>Pachyderme en papier m&acirc;ch&eacute;
</b>(h= 50cm)</font></p>
</div>
</div>
<div id="petits06" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits06.jpg" width="287" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>Dodo en papier m&acirc;ch&eacute;
</b>(h= 50cm)</font></p>
</div>
</div>
<div id="petits05" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits05.jpg" width="378" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>Culbuto en papier m&acirc;ch&eacute;
</b>(h= 50cm)</font></p>
</div>
</div>
<div id="petits04" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits04.jpg" width="362" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>Cochon en papier m&acirc;ch&eacute;
</b>(h= 50cm)</font></p>
</div>
</div>
<div id="petits03" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits03.jpg" width="382" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>Coccinelle en papier m&acirc;ch&eacute;
</b>(L= 10 &agrave; 17cm)</font></p>
</div>
</div>
<div id="petits02" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits02.jpg" width="399" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>Rhinoc&eacute;ros en papier m&acirc;ch&eacute;
</b>(h= 50cm)</font></p>
</div>
</div>
<div id="petits01" style="position:absolute; left:270px; top:0px; width:722px; height:466px; z-index:3; visibility: hidden; background-color: #000000; layer-background-color: #000000; border: 1px none #000000">
<div align="center">
<p><img src="images/petits01.jpg" width="298" height="400"> <font size="1"><br>
<br>
</font><font size="4" face="Kidprint"><b>Chat en papier m&acirc;ch&eacute;
</b>(h= 50cm)</font></p>
</div>
</div>
</div>
</body>
</html>
Lilietg le 16 aout 2008 à 15h41
:??: :/ :pleure:
Beno@ le 16 aout 2008 à 15h42
bah, c'est pas facile de comprendre la source :S


mais comme erreur j'ai n.indexOf n'est pas une fonction
-->Message édité par Beno@ le 16/08/2008 15:52:16<--


PRODUITS

TÉLÉCHARGER - LOGICIELS

JEUX VIDÉOS

LOISIRS

01NET PRO

AVIS ET COMMENTAIRES

A PROPOS DE 01NET

publicité
> Logiciel : Kaspersky Internet Security 2010
la solution de sécurité la plus complète du marché.

Service 01net
Newsletters 01net
abonnez vous gratuitement !
  
01Informatique
01 INFORMATIQUE
L'hebdo de référence des décideurs informatiques.
Micro Hebdo
MICRO HEBDO
L'hebdo qui vous simplifie la micro
et Internet.
L'Ordinateur Individuel
L'ORDINATEUR INDIVIDUEL
Le mensuel informatique qui vous informe et vous conseille.
Tous droits réservés © 1999 - 2009 Internext - 01net.