probleme de tableau images et préchargement
bonjour, sur mon site http://nasjsk.free.fr j’ai fais un effet de survole pour un menu, les images changent qd je survole ces dernieres avec la souri. sans préchargement cela fonctionne mais avec un petit retard lors de la 1er visite (car les fichiers ne sont pas encore dans le cache), c’est pr cela que j’ai opté pr le préchargement, mais impossible de stocker la source des images dans un tableau d’images !! je vous remercie d’avance et j’espere vraiment que vous trouverez la petit truc qui cloche !! javascript c’est pas trop du java et j’ai du mal ... :’-(
voici mon code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<META NAME="Desciption" CONTENT="*****">
<META NAME="Keywords" CONTENT="logiciel, gratuit,freeware, nasjsk,nas,nassim,nacim,site perso,foot, jeux video , etudes">
<link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" />
<SCRIPT LANGUAGE="JavaScript1.2" >
var Tclair = new Array(7) ;
var Tfonce = new Array(7) ;
function init(){
for (var i=0; i< im.length;i++) {
Tclair[i] = new Image();
Tfonce[i] = new Image();
}
Tclair[0].src= "./logos_/accueil_anime.gif" ;
Tclair[1].src= "./logos_/lol_anime.gif" ;
Tclair[2].src= "./logos_/freeware_anime.gif" ;
Tclair[3].src= "./logos_/jeux_anime.gif" ;
Tclair[4].src= "./logos_/etudes_anime.gif" ;
Tclair[5].src= "./logos_/foot_anime.gif" ;
Tclair[6].src= "./logos_/livredor_anime.gif" ;
Tfonce[0].src= "./logos_/accueil.gif" ;
Tfonce[1].src= "./logos_/lol.gif" ;
Tfonce[2].src= "./logos_/freeware.gif" ;
Tfonce[3].src= "./logos_/jeux.gif" ;
Tfonce[4].src= "./logos_/etudes.gif" ;
Tfonce[5].src= "./logos_/doot.gif" ;
Tfonce[6].src= "./logos_/livredor.gif" ;
}
function anime( n ) {
if (n == 0) document.accueil.src= Tclair[0].src ;
if (n == 1) document.lol.src = Tclair[1].src ;
if (n == 2) document.freeware.src = Tclair[2].src ;
if (n == 3) document.jeux.src = Tclair[3].src ;
if (n == 4) document.etudes.src = Tclair[4].src ;
if (n == 5) document.foot.src = Tclair[5].src ;
if (n == 6) document.livredor.src = Tclair[6].src ;*/
}
function not_anime(n) {
if (n == 0) document.accueil.src = Tfonce[0].src ;
if (n == 1) document.lol.src = Tfonce[1].src ;
if (n == 2) document.freeware.src = Tfonce[2].src ;
if (n == 3) document.jeux.src = Tfonce[3].src ;
if (n == 4) document.etudes.src = Tfonce[4].src ;
if (n == 5) document.foot.src = Tfonce[5].src ;
if (n == 6) document.livredor.src = Tfonce[6].src ;
}
</SCRIPT>
</head>
<body OnLoad ="init()">
<center>
<!-- TEXTE DEFILANT -->
<DIV ID="TICKER" STYLE="overflow:hidden; width:120px" onmouseover="TICKER_PAUSED=true" onmouseout="TICKER_PAUSED=false">
<img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> nasjsk.free.fr <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif"> <img SRC = "./images_/lol.gif">
</DIV>
<script src="text_defil_index.js" language="javascript"> </script>
<!-- FIN TEXTE DEFILANT -->
<br>
<a href="accueil.html" TARGET = "contenu"><IMG SRC="logos_/accueil.gif" NAME= "accueil" onMouseOver= "anime(0)" onMouseOut= "not_anime(0)" onLoad=""></a>
<br>
<a href="lol.html" TARGET = "contenu" ><IMG SRC="logos_/lol.gif" NAME= "lol" onMouseOver= "anime(1)" onMouseOut= "not_anime(1)" onLoad=""></a>
<br>
<a href="freeware.html" TARGET = "contenu" ><IMG SRC="logos_/freeware.gif" NAME= "freeware" onMouseOver= "document.freeware.src = 'logos_/freeware_anime.gif';" onMouseOut= "not_anime(2)" onLoad=""></a>
<br>
<a href="jeux.html" TARGET = "contenu" ><IMG SRC="logos_/jeux.gif" NAME= "jeux" onMouseOver= "document.jeux.src = 'logos_/jeux_anime.gif';" onMouseOut= "not_anime(3)" onLoad=""></a>
<br>
<a href="etudes.html" TARGET = "contenu" ><IMG SRC="logos_/etudes.gif" NAME= "etudes" onMouseOver= "document.etudes.src = 'logos_/etudes_anime.gif';" onMouseOut= "not_anime(4)" onLoad=""></a>
<br>
<a href="foot.html" TARGET = "contenu" ><IMG SRC="logos_/foot.gif" NAME= "foot" onMouseOver= "document.foot.src = 'logos_/foot_anime.gif';" onMouseOut= "not_anime(5)" onLoad=""></a>
<br>
<a href="livredor.html" TARGET = "contenu" ><IMG SRC="logos_/livredor.gif" NAME= "livredor" onMouseOver= "document.livredor.src = 'logos_/livredor_anime.gif';" onMouseOut= "not_anime(6)" onLoad=""></a>
<br>
<br>
<font size=1> depuis le 16/07/2006</font>
</center>
</body>
</html>
