Bonjour, à toutes et à tous, mon problème j'ai créer ma galerie avec des petites images et des grandes images et quand on clique dessus je voudrais que sa change.
Code HTML:
Joyeux Noël, à tous !
Code HTML:
<!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></title>
<script type="text/javascript" src="jquery-1.6.2.min.js" ></script>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
<!--Début de la galerie-->
<div class="thumb">
<a href="">
<img src="logo toucan.jpg" alt="oiseau" />
</a>
</div>
<div class="thumb">
<a href="#">
<img src="logo Game.jpg" alt="oiseau" />
</a>
</div>
<div class="thumb">
<a href="#">
<img src="logo toucan.jpg" alt="oiseau" />
</a>
<div class="thumb">
<img src="logo toucan.jpg" alt="oiseau" />
</div>
</body></html>
body {
background: silver;
border: 1px solid black;
}
img {
border:0
}
.thumb a {
display:block;
}
.thumb a:hover {
position:absolute;
}
/*hack pour permettre le rollover
de gauche à droite avec mozilla*/
body > .thumb a:hover {
position:relative;
}
.thumb a img {
margin: 5px;
float: left;
width:200px;
height:100px;
}
Joyeux Noël, à tous !