rollover

par **smellycat37** » 10 mars 2005, 01:51

pour etre plus clair...
j'ai une page index.htm qui contient un lien sur casa.htm... je veux charger les images qui se trouve sur la page casa lors de l'affichage de la page index... et ca je sais pas si c est possible mais je pense que si car le préchargement des images ce fait de toute facon dans le cache...
en simplifier, voici le code de ma page index.htm :

<html>
<head>
</head>
<script>
function prechargement() {
var chemin = "./commun/img/";
var ext = ".gif";
var image = new Array('mon_img1','mon_img2');
document.image_charge = new Array();
for(i=0; i<image.lenght; i++) {
document.image_charge = new Image;
document.image_charge.src = chemin + image + ext;
}
}
</script>
</head>
<body onload="prechargement();">
<a href:"casa.htm">casa</a>
</body>
</html>

voici ma page casa

<html>
<head>
</head>
<body>
<img src="./commun/img/mon_img1.gif" onmouseover="this.src='./commun/img/mon_img2';" onmouseout="this.src='./commun/img/mon_img1';"/>
</body>
</html>

voili, voilo, j espere que c est plus clair,
ciao

par **smellycat36** » 08 mars 2005, 17:55

merci mais cava me faire bcp de class... j'aime pas trop cette solution... en plus tu peux pas faie du dynamique

par **demipoulp** » 08 mars 2005, 13:45

tu peus aussi passer par les CSS

Code : Tout sélectionner

<tr align="left" onmouseOver="this.className='catOn'" onMouseOut="this.className='catOut' ">

Code : Tout sélectionner

.catOn {
	
	font-family: Arial, Helvetica, sans-serif;
	background-image:     url(../images_1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding:0px;
	margin:0px;
	width:100%;
	text-align:center;
}
.catOut {

		font-family: Arial, Helvetica, sans-serif;
	background-image:     url(../images_2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding:0px;
	margin:0px;
	width:100%;
	text-align:center;
}

par **smellycat37** » 08 mars 2005, 10:57

d accord avec toi... c'est pour donc pour ca que j'ai ce pb

par **Jerem'** » 08 mars 2005, 10:50

Dreamweaver il fait pas du code il fait des torchons! C'est préférable de coder soit-même toute sa page (html + javascript)

par **smellyact37** » 08 mars 2005, 10:49

c est encore moi

petit info suplémentaire, voici le rollover

Code : Tout sélectionner

  <area href="index.php?page=musica" onmouseout="img_bd.src='./commun/img/bandeau-haut_casa_casa.jpg'" onmouseover="img_bd.src='./commun/img/bandeau-haut_casa_musica.jpg'" shape="poly" coords="140, 40, 145, 53, 305, 0, 250, 0">

voici le prchargement

Code : Tout sélectionner

	<script language="javascript">
	   function prechargement() {
		var chemin = "./commun/img/";
		var ext = ".jpg";
		var image = new Array('bandeau-haut_casa_casa','bandeau-haut_casa_musica','bandeau-haut_casa_fiesta','bandeau-haut_fiesta_casa','bandeau-haut_fiesta_musica','bandeau-haut_fiesta_fiesta','bandeau-haut_musica_casa','bandeau-haut_musica_musica','bandeau-haut_musica_fiesta','casa','casa_mos','musica','fiesta','fiesta_mos','musica','musica_tab');
		document.image_charge = new Array();
		for(i=0; i<image.lenght; i++) {
			document.image_charge[i] = new Image;
			document.image_charge[i].src = chemin + image[i] + ext;
		}
	  }
	</script>
  </head>

	<body onload="prechargement()">

j'ai vu que dreamwaver creer des fonctions utilisé dans le onmouseover et dans le onmouseout... elles sont indispensable au bon fonctionnement?

par **smellycat37** » 08 mars 2005, 08:52

heeeello!!!
j'ai fais un site... j'ai un ptit problème avec mais rollover... j'ai fais une fonction en javascrit pour précharger mes images que j'appelle grace au onload situé dans la balise body... le problème vient peut etre du faite que je fais ce préchargement une et une seule fois dans ma page de présentation...
l'adresse du site est www.lampouleverte.org/charley/ampoulerouge/index.php... cette adresse est la page de présentation en question...
si quelqu'un a une idée et pourait m'aider... merci d'avance,
-smellycat37-

rollover

Répondre

Étendre la vue Revue du sujet : rollover

rollover