[Résolu] des images en rollover - desole je suis débutante par gaya_102 - page 3

<img .. style="float: left" /> je pense

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
	<title>index emiline</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design_emeline4.css" /> 
</head>

<body>
	<!-- fond -->
	
	<div id="unite">        
		<div class="en_tete">
			<img src="image/emeline_rub.jpg" style="float: left" />
			
			<a href="emelinepresentation.html" style="float: left">
				<img src="image/presentation_rub_off.jpg" alt="image/presentation_rub_on.jpg" class="rollOver" style="float: left" />
			</a>
			
			<img src="image/oiseau1_rub.jpg" style="float: left" />
			
			<a href="emelinejourj.html" style="float: left">
				<img src="jourj_rub_off.jpg" alt="jourj_rub_on.jpg" class="rollOver" style="float: left" />
			</a>
			
			<img src="image/oiseau2_rub.jpg" style="float: left" />
			
			<a href="infospratiques.html" style="float: left">
				<img src="infospratiques_rub_off.jpg" alt="infospratiques_rub_on.jpg" class="rollOver" style="float: left" />
			</a>
			
			<img src="image/oiseau3_rub.jpg" style="float: left" />
			
			<a href="contact.html" style="float: left">
				<img src="image/contact_rub_off.jpg" alt="image/contact_rub_on.jpg" class="rollOver" style="float: left" />
			</a>
			<img src="image/oiseau4_rub.jpg" style="float: left" />		  
		</div>
	</div>
	
	<script type="text/javascript">
	
	var imgs = document.getElementsByTagName('img');
	
	for (var i = 0; i < imgs.length; i++)
	{
		if (imgs[i].className == 'rollOver')
		{
			imgs[i].onmouseover = (function() { var a = this.src; this.src = this.alt; this.alt = a; });
			imgs[i].onmouseout = (function() { var a = this.src; this.src = this.alt; this.alt = a; });
			imgs[i].className = '';
		}
	}
	
	</script>
</body>
</html>

gaya_102

1 mars 2009 à 11:50:18

merci reste plus qu'a arriver à les mettre mes images les une à coté des autres lol.
Chez moi rien ne marche du première coup lol

Tillertan

1 mars 2009 à 11:51:12